用CSS实现网页居中

方法很简单,就是将<body>内的所有内容用一个<div id="wrap"></div>装起来,定义一个类,如#wrap。在CSS样式表里设置
#wrap{width:800px;margin-left:auto;margin-right:auto;background:#efefd5;} 就可以了。这里面最重要的是margin-left:auto;margin-right:auto;这一句,如果取消了,网页就成了默认的左对齐了。

在<div id="wrap"></div>包含的其他<div></div>可以随心所欲地设置它们的位置float:left 或float:right,它们都将在800宽的盒子里浮向左,或浮向右边,同时还可以设置margin,调整与<div id="wrap"></div>边界的距离。

也可以简写

{margin:0 auto;}

 

posted @ 2009-03-18 17:37  cm186man  阅读(449)  评论(0编辑  收藏  举报