工作中常见css问题

1、 表格设置table-layout: fixed属性，表格会强制均分
2、表格设置border-collapse:collapse;会合并表格线之间留白区域，

　　比如设置td{border-bottom:solid 1px #ccc};table {border: solid 1px #ccc;border-bottom: none;}当有td里面没有内容的时候表格线显示不全
3、nav尽量不要定宽，不然字多会折行
4、数据需要动态加载的需要定高，考虑数据没有的时候
5、 IE8下的背景不用rgba(),用黑色#000加opacity:0.5加filter:alpha(opacity=50)
6、IE8不支持伪类，但是支持first-child
7、三、 IE8下table的td如果没有内容td是没有高度的(写了line-height也没有高度) 解决：加个min-height

8、将浏览器强制转换成某种浏览器媒体解析

（将浏览器转换成IE8）

（将浏览器强制转换成chrome）

9、box-sizing:border-box在IE8模式下是支持的，但是宽度设置成min-width;box-sizing:border-box就不起作用了——IE8的兼容性视图模式是不支持box-sizing:border-box的;

10、:befor和:after伪类IE8也是支持的——IE8的兼容性视图模式是不支持

11、css子元素伪类IE8不支持

转载于:https://www.cnblogs.com/snly/p/7228997.html