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

http://www.cnblogs.com/ljchow/archive/2010/06/01/1748702.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\中+边

浅浅写一点,请指正!