CSS中的一些重要属性,overflow,float,clear,display的作用

overflow
当一行中有两个浮动元素，左容器的内容过多会导致右侧容器跑到下面一行，导致margin,padding设置混乱
可使用overflow:hidden或overflow:scroll避免内容冲出容器

float浮动
以前浮动用以定位图像使文本围绕其周围，在CSS中所有元素都可浮动，浮动会生成一个块级框
浮动非替换元素，要指定宽度，否则会尽可能地窄。
一行空间不够，元素会入下跳一行，直到某一行有足够的空间为止。

clear
用以清除浮动把外面的DIV撑开 ，如：当一个大的DIV里中两个小的DIV使用的float样式时，里面的DIV会浮动使外面的DIV不被显示
可以用clear:both清除浮动，使用外面的DIV也显示，只需要在大的DIV结束标签前加入清除浮动的代码即可
参数值：none:允许两边都有可浮动对象，both：不允许有浮动对象，left/right:不允许左边/右边有浮动的对象
如：
<style>
.divcss5{width:500px;background:#000;border:1px solid #F00;padding:10px}
.divcss5_left,.divcss5_right{ border:1px solid #FFF;background:#999;width:200px;height:150px }
.divcss5_left{ float:left}/* css注释： 设置浮动靠左 */
.divcss5_right{ float:right}/* css注释：设置浮动靠右 */
.clear{ clear:both}
</style>
<div class="divcss5">
    <div class="divcss5_left">float left盒子</div>
    <div class="divcss5_right">float right盒子</div>
    <div class="clear"></div>
</div>

http://blog.sina.com.cn/s/blog_4a3789a70100jfv4.html

display
每个元素都有默认的display值，DIV元素默认的display值为block
块级元素：占用一定的矩形空间，可设置高，宽，内外边距，如div,p,li,img
行内元素：依附于其他块级元素存在，不能设置高，宽，内外边距，如a，span元素
通过display:block（表该元素显示为一块元素，单独占一行）可把行内元素强制改成块元素，就可以设置其高宽了
通过display:inline把块级元素强制改成行内元素，如，通过它可把<li>对象排成一排
使用display:none（表此元素不显示且在网页上不占位）可隐藏对象所有信息且无空白位占据，用于隐藏JS特效或统计代码等

用overflow-y:hidden和overflow-x:hidden来显示或隐藏横向或竖向的滚动条