我有以下内容:
XHTML:
<div id="container">
// contents
</div>
CSS:
#container { margin: 0 auto; width: 940px; overflow: hidden; padding: 10px; border: 1px solid #CCCCCC; }
div 以页面为中心margin: 0 auto
,我使用它overflow: hidden
来允许 DIV 自动向下扩展至其内容的高度。
我在 DIV 中有一些内容,上面有一个盒子阴影。问题是由于溢出:隐藏规则阴影没有完全出现在页面上。我发现的唯一方法是:
- 取出溢出:隐藏 - 但随后容器 DIV 不会向下扩展。
- 在#container 上使用 height / min-height - 但是这不适用于网站上的所有页面。
- 使用 float: left - 但 DIV 不在页面中心。
有人对此有更多建议吗?