我正在做一个网站。所有内容都存储在包装器 DIV 中。内容 DIV 具有分配给它的边框样式。
我希望包装器 DIV 的高度足够高以适合其内容,因此边框会到达页面的末尾。
我认为默认情况下会发生这种情况,因为height:auto是所有元素的默认值。
这是我的页面。
感谢您提供的任何帮助。
我正在做一个网站。所有内容都存储在包装器 DIV 中。内容 DIV 具有分配给它的边框样式。
我希望包装器 DIV 的高度足够高以适合其内容,因此边框会到达页面的末尾。
我认为默认情况下会发生这种情况,因为height:auto是所有元素的默认值。
这是我的页面。
感谢您提供的任何帮助。
只需制作包装器 div 样式
overflow: auto
html {
height: 100%;
}
body {
/* not height: 100%; otherwise you're
* fixing it to the height of the viewport
*/
min-height: 100%;
}
.wrapper {
/* some kind of clearfix is
* necessary because your content
* is floated
*/
overflow: hidden;
}
如果我对您的理解正确,您想创建一个全高的网站吗?
如果是这样,请尝试使用粘性页脚。
只需使用 div 嵌套内容并“不要”给它任何高度。默认情况下,它将适合它的孩子。如有必要,您可以提供一个display: block
.