前端开发必须知道的CSS(一) CSS Hack

/article/5621519.html

用子元素得margin代替父元素得padding一般能避免浏览器不同的问题

浏览器兼容问题主要是3个值的问题:padding/margin/width

<div id="main">
<ul>
<li><a>text</a></li>
</ul>
</div>

#main{ width:200px}
#main ul{ margin:10px}

关键是不要给MAIN加padding
而是给嵌套在MAIN内的块元素加margin,替代padding的效果

2个块元素嵌套:外套加width内套加margin.
因为块元素的宽是自动伸展的(大套内的元素是可以有padding值的)

不管是皮裤套棉裤还是棉裤套皮裤,还是N层的套,基本可以搞定大部分的应用

一般我做网页基本的width值是:页宽\边列\中列\边列2\中+边

浅浅写一点,请指正!