1

我在我正在构建的网站上使用了 Chris Coyier 的全宽 hack，但我不知道如何让 div 具有它所包含的任何内容的高度。

通常我会通过向容器添加溢出：自动来实现这一点，但如果我这样做，它会破坏黑客。是否有可能达到一个高度并仍然使用这个技巧？

你可以在这里看到我的问题：http: //beta.revival.tv/

这是我的CSS：

#content-wrap:before, #content-wrap:after {content: ""; position: absolute; top: 0; bottom: 0; width: 9999px;}

#content-wrap:before {right: 100%;}

#content-wrap:after {left: 100%;}

#content-wrap, #content-wrap:before, #content-wrap:after {background:#666;}

#content-wrap {
position: relative;
width:1000px;
margin:0 auto;
padding:25px 0;
}
4

1 回答 1

2

您可以添加另一个 div 以包含 #content-wrap div 内的内容，然后应用 overflow: auto; 和宽度：100%；对它

<div id="content-wrap">
    <div id="content"></div>
</div>

#content { 
    overflow: auto;
    width: 100%;
}

我不知道你的 html，但如果问题是由 div 内的浮动元素引起的，你可能还想尝试使用 display: inline-block; 反而

于 2012-10-28T13:45:40.830 回答