0

我创建了一个position: fixed div必须始终位于顶部的width: 900px，现在我遇到了以下问题，当我将浏览器窗口的大小调整到比900px我div的裁剪最小的大小时，我什至无法滚动它，因为滚动条没有出现。我该如何解决？

代码如下： <body> <div class= "bar"><div class="inner_div"></div></div> </body>

现在的CSS

.bar { position: fixed; height: 60px; width: 900px; border: 2px solid; }

.inner_div {position: absolute; right: 5px; top: 2px; border: 2px solid;  width: 100px; height: 15px;}

尝试此代码，您会看到如果您的浏览器窗口小于 900 像素，则该栏将被裁剪，并且无法滚动它并查看 inner_div。

4

1 回答 1

0

我很确定有些浏览器只使用非固定元素来确定内容的宽度。在页面底部添加类似这样的内容应该可以让您获得滚动条<div style="width:900px;"></div>

之前我没有提到间距 div 不能为空或者必须有高度，所以添加一个不间断的空格或者 1px 的高度会让它填满宽度。

完整代码示例：http: //jsfiddle.net/8LnBr/

<style>
.bar { position: fixed; height: 60px; width: 900px; border: 2px solid; }
.inner_div {position: absolute; right: 5px; top: 2px; border: 2px solid;  width: 100px; height: 15px;}
.spanner{width:900px; height:1px;}
</style>
<body>
 <div class= "bar">
  <div class="inner_div"></div>
 </div>
 <div class="spanner"></div>
</body>
于 2013-04-09T18:39:22.007 回答