HTML / CSS Div不会一直持续下去

Question

我正在尝试创建一个带有静态边栏和可滚动文本的网站。我真的找不到为什么我的 content 分隔符没有持续下降的原因。我还想知道，将 content 分隔符固定或在最底部继续使用是更好的做法。了解页面如何不适合灰色分隔线

到目前为止，这是我的代码：

HTML：

Profile

CSS：

<div id="content">
    <div id="sidebar">
        <p>This is sidebar</p>
    </div>      
    <div id="page">
        <p>This is page</p>
        ...
    </div>
</div>

P.S。我设法通过在 page -divider中添加 overflow：auto; 来解决此问题，但是我真的不喜欢在页面上使用滚动条。

Answer 1

我认为您应该使用min-height而不是height，以具有适合内容的灵活高度，如下所示：

#content {
min-height: 1000px;
}

我以这种方式工作，每次您尝试时它都会与我一起工作。