当前位置：文江博客话题详情

使容器 DIV 覆盖包含 DIV 高度的 100%

发布于 2024-11-04 21:45:04 字数 194 浏览 0 评论 0原文

我正在开发一个新网站和我的一个页面我只是无法让我的 #main div（我的页面内容包含 DIV）拉伸到足够长以覆盖内部 DIV。

请检查一下并指出我的 CSS 中需要修复的部分。非常感谢大家。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

泪痕残 2024-11-11 21:45:04

@自行车；正好

#main {
    background: none repeat scroll 0 0 #101010;
    border-color: #333333;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 15px auto 0;
    overflow: hidden;
    padding: 20px;
    width: 920px;
}

问题出在您的 #main div 中有 floated 元素，因此您必须先清除它。
在上面的例子中我写了 overflow:hidden &删除高度：100％

@bikey; just right

#main {
    background: none repeat scroll 0 0 #101010;
    border-color: #333333;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 15px auto 0;
    overflow: hidden;
    padding: 20px;
    width: 920px;
}

The problem is in your #main div there are floated element's so you have to clear it first.
in the example above i write overflow:hidden & remove height:100%

回复收藏 0 原文