在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层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元素中。
网页里面的宽度是可以用百分比决定的，可以设置这个容器的宽度占屏幕宽度的百分之多少，但是因为百分比的宽度是要有参考对象的，所以在设置百分比的宽度时，要先设置body的宽度为100%。照你的要求：一屏分为两栏显示，那么用两个DIV来做，一个DIV的宽度就是50%，两个在一起就正好100%了，如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。
高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了
这是由两个div来实现的，首先建立一个外层div并设置宽高，要使宽度随屏幕宽度变化(即浏览器宽度变化)，那么宽度就得设置100%，高度设置为你需要的高度即可，具体属性为 width:100%height:你自己的高度background:你需要的颜色这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性，就是你导航的宽高，要使之居中，各人使用的方法也有所不同，但是常用的还是margin属性，具体属性如下 width:你导航的宽度height:你导航的高度margin:0 auto 这样就实现了，如果背景是图片的话就更改background属性即可，还有不明白的随时Hi我。
