div入门的几个简单用法

1. 多个水平排列 div 使用 float:left 样式即可

2. 子div在父div中居中使用 margin:0px auto; 样式

3. 外边距是 margin:20px 样式，那边距是 padding:10px 20px 10px 20px（上-右-下-左的内边距顺序）

4. 盖住整个页面，用于更上层弹出 div 对话框的底层 div 蒙版

.mask{ z-index:900; position:fixed!important; position:absolute; left:0px; top:0px; width:100%; height:100%;  background:#000; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45; -khtml-opacity: 0.45; }

 

5. div内的垂直剧中样式 vertical-align:middle 需要附属设置高度 line-height:100px; 才可以

原文引用：http://www.91ctc.com/article/article-91.html