Question

宽度为100%的DIV的宽度随着浏览器窗口的大小而改变.给了背景颜色后,窗口缩小,滚动条往右拉,出现空白.

宽度为100%的DIV的宽度随着浏览器窗口的大小而改变.给了背景颜色后,窗口缩小,这个DIV的宽度就是浏览器窗口的宽度.背景颜色也是这么宽.把下面的滚动条往右拉的话.这个DIV宽度不会变宽,右边就出现空白 BUG.怎么解决? 我不会使用JS

Answer 1

<div style="width:100%;height:150px;background-color:yellow;">

<div style="width:100%;height:26px;background-color:blue;">

<div style="width:1200px;height:26px;background-color:gray;margin:0 auto;">

<div id="left">left</div>

<div id="right" style="float:right;width:400px;">right</div>

</div>

</div>

</div>

求大家帮忙解决，谢谢！

正常窗口

缩小了的窗口

Answer 2

有没有加margin:0;
至于内容超过的话可以用overflow;hidden; 异常多余的字符，用scroll或者auto 则会出现滚动条；又或者为了自动适应的话 把height：100%；

Answer 3

呵呵，这个问题我也遇到过，是在窗口缩小时，浏览器对宽度的理解出现了差异，无需js就可以解决，只要在css里面加一个宽度判断就okay了，，我给我一个联系邮箱吧，我把改好的代码给你发过去，你自己研究下看看，不明的的再问！

Answer 4

我个人觉得<div style="width:100%;">是一个画蛇添足的行为，把width:100%去掉应该就能好了。

Answer 5

你的内容大于窗口的宽度的时候只能出现空白没有办法
这个必须要用js来处理

追问

我也觉得必须要用JS.网上看到好多网站也有这个问题.