DIV+CSS布局

CSS实现DIV居中对齐 div居右对齐 div居左对齐

div左对齐条件与方法:只需要对要靠左对齐（局左）的div样式加float:left即可。
div右对齐条件与方法:只需要对要靠右对齐（局右）的div样式加float:right即可。
div居中对齐条件与方法:只需要对要居中对齐的div样式加margin:0 auto，不再需要加float样式。

CSS overflow 属性

visible    默认值。内容不会被修剪，会呈现在元素框之外。
hidden    内容会被修剪，并且其余内容是不可见的。
scroll    内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit    规定应该从父元素继承 overflow 属性的值。

ul和li实现分两列（多列）布局显示

    <style type="text/css">  
    .my ul {  
        width: 210px;  
    }  
    .my li {  
        width: 100px;   /*如果显示三列 则width改为70px*/  
        float: left;  
        display: block;  
    }  
    </style>

CSS padding margin border属性详解

解析四大DIV布局（Layout）属性用法(1)