HTML正文高度 - 固定？

Question

我正在努力让我网站的主体有一个固定的高度（我想！）。

无论如何，网站主体只是白色，边框大小为1.基本上，主体的大小取决于其中的内容，例如，随着更多内容的添加，它会自动调整大小。

我想要的是垂直滚动条，因此身体不会永远延伸（是吗？）。我应该有固定的体型吗？

Answer 1

如果你想要垂直滚动条，你可以在CSS中使用它;

body {
   height: 900px;
   overflow-y: scroll;
   overflow-x: hidden; /* hides the horizontal scroll bar */
}

你想要完成什么？如果你想要滚动条，你听起来不确定;是否有理由要显示滚动条而不是让浏览器在内容大于窗口时处理滚动？

Answer 2

是。你需要一个固定的高度

body{
height: your-height;
overflow:auto;
}

只有当您溢出区域而不垂直增长时才会生成滚动条。

Answer 3

所以，在你的身体中创建一个图层：

<div id="mainbar">
</div>

使用CSS可以设置高度：

div#mainbar {
    min-height:100px;
    overflow:auto;
}

min-height保证您需要的初始高度。一旦它结束，它将自动有滚动条。如果您希望页面本身滚动并且正文延长，只需从CSS中取出overflow行。

Answer 4

如果您希望垂直滚动条到您网站上的内部div（就好像您可以随时看到一个页脚），只需指定div的高度：

#inner { max-height: 300px;
    }

我认为溢出的默认值是滚动，但如果您的内容在没有滚动条的情况下切断，您也可以设置

overflow: auto;