CSS布局的一些技巧日期：2012/12/13 14:19:25　　

1、如有疑问立刻检测

在堕落时若能对原始代码做简朴检测可以省去许多头痛题目。W3C对付XHTML与CSS 都有检测东西可用,请细致,在文件开头的错误,大概由于不妥的布局等因素造成更多错误；我们发起先修正一些最显着的错误之后重新检测,如许大概会让错误数目爆减。

2、利用浮动功效时记得得当扫除指令

浮动是个伤害的功效,未必会孕育发生您所盼望的结果。要是您遇到浮动元素延伸到外围容器的边框大概其他不正常环境,请先确定您的做法是准确的。请参阅Eric Meyer 在Complex Spiral Consulting Web 网站上的讲授。

3、界限重适时利用padding或border来制止

您大概会为了一点不该该出现的空间而焦头烂额,大概您必要一点点空间时,怎样都挤不出来。要是您有效到margin,那么很容易孕育发生界限的重合；Andy Budd在他的网站上表明了大概的做法。

4、实验制止同时对元素指定padding/border以及高度或宽度

Windows版IE常常导致width与height的盘算题目。有些要领可以办理此题目,但要是母元素必要指定高度与宽度时,最好可以大概在母元素之内的子元素套用margin,大概当子元素必要指定高度与宽度时,在母元素套用padding以达结果。

5、不要依赖min-width/min-height

Windows版IE并不增援两种语法。但是在某种水平下,windows版IE可以到达相称于min-width/min-height的结果,以是只要对IE做点过滤功效,即可到达您想要的结果。

6、如有疑问,先淘汰百分比

偶然间某些错误会使50%+50%成为100.1%,使网页出现题目。这时请实验将这些值改为49%,乃至49.9%。

7、记着“TRouBLed”写法

Border,margin与padding的简写语法有特定次序,从上方开始顺时针偏向转动：top,right,bottom,left. 以是margin:0 1px 3px 5px;的结果是上方无界限,右边1像素,以此类推。记着“TRouBLe”,您就不会弄错次序了。

8、只要不是零的值,都要指定单元

CSS必要您对每个font,Margin等种种值指定单元。(唯一的破例是line-height)