1.若有疑问立即检测。
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用。请注重，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。
2.使用浮动功能时记得适当清除指令。
浮动是个危险的功能，未必会产生所期望的结果。假如碰到浮动元素延伸到外围容器的边框或者其他不正常情况，先确定的做法是正确的。
3.边界重合时利用padding或border来避免。
可能会为了一点不应该出现的空间而焦头烂额，或者需要一点点空间时，怎样都挤不出来。假如有用到margin，那么很轻易产生边界的重合。
4.DIV CSS网站布局时尝试避免同时对元素指定padding/border以及高度或宽度。
Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题，但假如母元素需要指定高度与宽度时，最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时，在母元素套用padding以达效果。
5.DIV CSS网站布局时不要依靠min-width/min-height。
Windows版IE并不支援两种语法。但是在某种程度下，windows版IE可以达到相当于min-width/min-height的效果，所以只要对IE做点过滤功能，即可达到想要的结果。
6.若有疑问，先减少百分比。
有时候某些错误会使50%50%成为100.1%，使网页出现问题。这时请尝试将这些值改为49%，甚至49.9%。
7.记住“TRBL”写法。
DIV CSS网站布局中border，margin与padding的简写语法有特定顺序，从上方开始顺时针方向转动：top,right,bottom,left.所以margin:01px3px5px的结果是上方无边界，右边1像素，以此类推。记住“TRBL”，就不会弄错次序了。
8.只要不是零的值，都要指定单位。
CSS需要对每个font，margin等各种值指定单位。
div+css怎么布局div+css布局现在是主流，能提高网页加载速度，提高后期代码维护效率。
步骤阅读
方法/步骤
>01
div
所谓<div>标签我们可以理解为一个盒子。
例如：<div class="top" style='border:1px solid #000background-color:#EEE'>这里是Top</div
>02
border:1px solid #000（这是把边框显示出来，方便我们布局）。
background-color:#EEE（这是背景色设置，#EEE为颜色值）。
div的设置属性有很多，我就大致说一下。
这里可以设置一下字体居中，字体距离上下边框的距离。
text-align:center（文字横向居中）
padding:30px（字体距离上下左右边框的距离，因为左右已经超出了30px，所以这个30px就对左右不起限制作用了。）
>03
同样的道理，我们可以设置一部分的布局了。
布局一个中间层。
<div class="container" style='border:1px solid #000background-color:#ffetext-align:centerpadding:30px 0px'><div class="left"style='float:rightwidth:80%border:1px solid #000height:600px'>左边</div><div class="right"style='width:20%border:1px solid #000height:600px'>右边</div></div>
<--!
float:right向右浮动
width:80%宽度为整个屏幕的80%
border:1px solid #000边框，方便查看。
height:600px高度为600px。
-->
>04
如果想像我的效果图一样铺满整个屏幕可以加入以下代码。
<style type="text/css">body{height:100% margin:0pxpadding:0px}</style>每个div，都有父容器。body就是最根源的父容器。只有把body设置为100%就可以满屏幕。
共2图>05
还可以添加以下底部啊什么的。
大家可以自己试试。
前言：根据最近学习的课程，简单总结一下学习到的css左右布局以及居中方案。后期学习深入之后再回来进行css居中的完整总结。给所有子元素添加 float: left ，给父元素加 clearfix 类，清除浮动
html:
css:
将内联元素外部的块级元素的 text-align 设置为 center ，即可实现内联元素（ inline 、 inline-block ）的水平居中。
演示
将固定宽度的块级元素的 margin-left 和 margin-right 设置为 auto ，即可实现块级元素的水平居中。
演示
将每个块级元素的 display 设置为 inline-block ，然后将它们的父容器的 text-align 设置为 center ，即可使多个块级元素水平居中。
演示
设置内联元素的行高（ line-heigt ）和内联元素的父元素的高度（ height ）相等，且内联元素的字体大小远小于行高，即可使内联元素垂直居中。
演示
通过绝对定位元素距离顶部50%，并设置margin-top向上偏移元素高度的一半，即可实现垂直居中。
演示
借助CSS3中的transform属性向Y轴反向偏移50%的方法实现垂直居中
演示
