兼容所有浏览器的网页制作方法

其实一般浏览器就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。
2，外填充。其实外填充也就是如果使用margin时在各个浏览器解析不太一样，比如ie6正常的，但在ie7/ie8和火狐之间会多出几个显示像素。这时候最好的解决办法就是放弃margin改用padding一样可以达到想要的效果。
把握好这两点后，你只需要拿一个浏览器比如ie8就可以测试了，只要在ie8显示正常了，那么在其他所有的浏览器中显示也一定是正常的。


电子邮件营销可有效的持续维护老客户关系
18条建议写好公众号文章开头和结尾！
网络营销有哪些特点
企业在进行线上宣传和推广的时候为什么大多数企业还是选择网站建设
深圳云服务器配置怎样选，机房选择考虑什么？
企业网站优化提高转化率需要考虑哪些因素?
济南百度快照如何优化关键字，分词技术和分隔符优化说明
JQuery几个比较实用小知识