在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层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元素中。
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。
2、html页面代码如图所示，定义一个div，然后给一个id属性即可。
3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。
4、然后在浏览器运行之后的效果是这样的哦，放大缩小浏览器，宽高会随之改变。
5、这个方法是使用expression来设置高度即可。
