专题网站建设解决方案,wordpress后台 菜单,北京网站设计研究与开发公司,项目定制开发网站其实一般浏览器就IE6、IE7、IE8、火狐、GOOGLE浏览器chrome等#xff0c;大家最困扰的就是网页在各大浏览器的兼容问题#xff0c;其实所有浏览器在不兼容方面只存在两点#xff1a;浮动和外填充#xff0c;只要把这两点熟悉精通了#xff0c;那么网页在所有浏览器里显示也…其实一般浏览器就IE6、IE7、IE8、火狐、GOOGLE浏览器chrome等大家最困扰的就是网页在各大浏览器的兼容问题其实所有浏览器在不兼容方面只存在两点浮动和外填充只要把这两点熟悉精通了那么网页在所有浏览器里显示也就都正常了。 当然这两点都是针对层的布局所以大家用表格布局时不会遇到浏览器不兼容的问题。 1浮动。浮动其实就是各个层摆放重叠的问题有的层在上面有的层在下面要想做到层的结构不重叠一般人会想到消除浮动clear:both但在实际中这个使用不是很理想也不太好用最简单的解决办法就是分为三个层其中头部和页尾用基础层固定中间是浮动内容层在浮动层里的所有容器只能嵌套不能叠加。 这样的布局永远都不会出现重叠浮动的现象了另外就是连续的字母或数字也可以自动换行而不用象网上说的加这代码那代码养成好的CSS设计习惯很多头疼问题自然就不存在了。 方法提示浮动层的CSS样式控制最好用float:left;margin:0px;padding:0px;width:***px;height:***px;overflow:hidden;实际案例应用可参考站点http://www.c71.cn的CSS编写技巧。 2外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样比如IE6正常的但在IE7/IE8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。 把握好这两点后你只需要拿一个浏览器比如IE8就可以测试了只要在IE8显示正常了那么在其他所有的浏览器中显示也一定是正常的。转载于:https://www.cnblogs.com/zhouwenwu/archive/2012/03/23/2413212.html
