在网页排版布局的时候，CSS兼容性问题，相信是每个网页制作人员最头疼的问题，这里仅仅分享下我个人的经验。
网页都可以分为3个部分，头部(header)，主体部分(main)和脚注(footer)，为了避免出现大的兼容性问题，可以在header和footer设置好高度，然后加上overflow:hidden; ，main部分则设置好宽度，同样加上overflow:hidden;，这样，起码保证网页的总体布局不会乱，主体部分分为左右边栏，也可以适当加上overflow:hidden;避免出现大的兼容性问题。
总体布局部分兼容性问题解决了，接下来就是css初始化，一般都会加上如下属性：
* { padding:0px; margin:0px; } 使得每个网页元素之间的内外边距都是零像素，浏览器默认的内边距和外边距不同，这一项初始化是非常有必要的。
img { border:none;} 网页中的图片设置边框为0，有些浏览器默认图片是有边框的，有些这认为没有，为了安全统一设置为0，需要的话可以另外在类中设置。
body{
font:12px "宋体", Arial,Verdana,Tahoma;
background:#ffffff;
} 设置默认字体样式和网页背景颜色，不是所有浏览器的默认背景颜色都是白色的
vertical-align:middle; 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
到这一步，网站建设中的大部分兼容性问题都可以解决了，还有一些小细节就要参考css hack了。
此文章属 咖乐 (color) 手写原创，仅代表个人观点，转载请注明出自www.web-color.net 尊重原创 谢谢配合
评论