div css问题,关于居中
我的所有页面都需要居中,页面内容的宽度占浏览器宽度的80%。我设置了 body { width:1003px; margin-left:auto; margin-right:auto; } 一切都正常,但是问题来了,如果网页的高度太长了,右面出现了滚动条的时候,页面中间的内容就会有漂移,相当于是浏览器的宽度减去了滚动条的宽度然后再来设置的居中,请问怎样可以忽略滚动条的影响?
补充:火狐,chrome,opera会出现此问题,IE系列的不会出现这个问题
我的所有页面都需要居中,页面内容的宽度占浏览器宽度的80%。我设置了 body { width:1003px; margin-left:auto; margin-right:auto; } 一切都正常,但是问题来了,如果网页的高度太长了,右面出现了滚动条的时候,页面中间的内容就会有漂移,相当于是浏览器的宽度减去了滚动条的宽度然后再来设置的居中,请问怎样可以忽略滚动条的影响?
补充:火狐,chrome,opera会出现此问题,IE系列的不会出现这个问题
答案:宽度是1004px,不是1003px,1003会有1像素空白。
margin那两句写成一句就行了:margin:0 auto;
width和margin不是加在body里面。是加在你居中那个大的div上。全部代码如下;
----------------------css----------------------
body{
text-align:center;
}
.juzhong{
width:1004px;
margin:0 auto;
}
----------------------html----------------------
...html头部略...
<body>
<div class="juzhong">这个div套住你其他所有内容</div>
</body>
上一个:有的网站在写css的过程中,div剧中显示不使用margin:auto;属性可以直接在行内加个class=''lei width''实
下一个:网页布局css+div float的问题