在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。假如最外层DIV盒子的CSS命名为“#divcss5”，这个时候为了兼容各大浏览器实现最外层的这个盒子居中。
条件：这个时候对“body”设置css内容居中样式（text-align:center）即CSS代码：
body{text-align:center}
设置：这个时候对“#divcss5”设置居中必备样式css margin 即CSS代码：
#divcss5{margin:0 auto}
扩展资料
CSS DIV技巧
1、css font的简写规则：
当我们写字体样式的时候，我们也许会这样子写
font-size: 1em
line-height: 1.5em
font-weight: bold
font-style: italic
font-variant: small-caps
font-family: verdana,serif
其实，这样写是完全多余的，我可以只用font 来写就OK了。
比如：font: 1em/1.5em bold italic small-caps verdana,serif
2、把几个class属性写在一起
通常情况写，属性里面的class只有一个值，但这并不是意外着你只能给它
赋一个class名，我们可以赋2个以上。比如
<p class="text side">...</p>
不过，需要注意的是，class里面是用空格把他们分开来的，而不是“，”，这点需要注意一下。这样运用了，那么text和side的class 就会运用到p元素中。
两列布局：左边固定宽度，右边自适应宽度这样的布局，其实不是难点，我想很多同学都有实现过，示例：
方法一：浮动布局
这种方法我采用的是左边浮动，右边加上一个margin-left值，让他实现左边固定，右边自适应的布局效果
HTML Markup
<div id="left">Left sidebar</div>
<div id="content">Main Content</div>
CSS Code
<style type="text/css">
*{
margin: 0
padding: 0
}
#left {
float: left
width: 220px
background-color: green
}
#content {
background-color: orange
margin-left: 220px/*==等于左边栏宽度==*/
}
</style>
上面这种实现方法最关键之处就是自适应宽度一栏“div#content”的“margin-left”值要等于固定宽度一栏的宽度值，大家可以点击查看上面代码的DEMO
