我正在尝试制作一个顶部边框横跨的网站，但是当浏览器窗口被压缩并出现水平滚动条时，只有当滚动条位于其原始位置时，顶部的边框才可见。如果向右滚动，边框将停止。
HTML代码:
<div id='container'>
<div id='content'>
As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
</div>
</div>
CSS 代码:
* {
border:0;
padding:0;
margin:0;
}
#container {
border-top:1px solid green;
}
#content {
width: 400px;
margin: 0 auto;
}
JS fiddle 显示正在发生的事情。 (调整浏览器窗口大小，使水平滚动条出现在输出窗口中): http://jsfiddle.net/RL77f/
最佳答案
当浏览器窗口变得比固定的内容宽度窄时，这是一种常见的行为。解决方案是在外部容器中添加一个 min-width。
#container {
min-width: 400px;
}
关于html - "window"之外的内容不可见？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16261721/