Html 居中DIV-自动高度

Html 居中DIV-自动高度,html,css,Html,Css,我有以下资料: XHTML: <div id="container"> // contents </div> div位于页面中央,页边距为0 auto,我使用overflow:hidden允许div自动向下扩展到其内容的高度 我在DIV中有一些内容,上面有一个方框阴影。问题是由于溢出:隐藏规则阴影未完全显示在页面上。我找到的唯一解决办法是: 取出溢出:隐藏-但是容器DIV不会向下展开 在#容器上使用height/min height-但是这不适用于站点上的所有页面 使

我有以下资料:

XHTML:

<div id="container">
 // contents
</div>
div位于页面中央,页边距为0 auto,我使用
overflow:hidden
允许div自动向下扩展到其内容的高度

我在DIV中有一些内容,上面有一个方框阴影。问题是由于溢出:隐藏规则阴影未完全显示在页面上。我找到的唯一解决办法是:

  • 取出溢出:隐藏-但是容器DIV不会向下展开
  • 在#容器上使用height/min height-但是这不适用于站点上的所有页面
  • 使用float:left-但是DIV在页面上没有居中

  • 有人对此有更多的建议吗?

    很肯定div上的一些空白会解决这个问题,但是如果你展示更多的代码,它会更容易检查。

    你可以使用许多clearfix技术中的一种。这将允许您删除溢出:隐藏,并修复裁剪的
    框阴影


    这里有一篇关于这个主题的最新文章:

    请展示HTML+CSS作为一个例子。向我们展示你的代码,就像这样:这适合评论,但对我来说不是答案!我的答案是div的边距。
    #container { margin: 0 auto; width: 940px; overflow: hidden; padding: 10px; border: 1px solid #CCCCCC; }