我正在尝试制作一个带有顶部边框的网站,但是当浏览器窗口被压缩,并且出现水平滚动条时,只有当滚动条位于其原始位置时,顶部的边框才可见。如果向右滚动,边框将停止。
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.
&l
我一直在尝试布局这个页面,但对我来说,似乎不能让它以我想要的方式工作。
Window = black
Titlebar = red
Content div = blue
Vertical scrollbar = green
Horizontal scrollbar = yellow
最小标题栏/内容div宽度为1024px,增长到窗口大小。
我可能想得太多了,答案可能比我尝试的要简单得多。
基本上我想有一个固定的标题栏div在页面的顶部,从不垂直滚动。如果它不适合窗口水平,我希望水平滚动条滚动标题栏和内容。如果内容div比窗口高度高,我想让它滚动,否则我想让它延伸到页面底部。
在很大
我想要一个两列的网页,右边的面板固定宽度,左边的面板占用剩余的空间。右侧面板不应滚动,但左侧面板应滚动。滚动条必须在左列和右列之间(换句话说,左div需要自己的滚动条,而不是整个页面滚动)。
我现在有HTML:
<div id="l"><!-- Lots of text so it will scroll --></div>
<div id="r">Right panel</div>
和CSS:
body {
margin: 0;
padding: 0;
}
#l {
padding: 1