CSS宽度问题子父答案

【问题标题】：CSS width problem child parentCSS宽度问题子父
【发布时间】：2011-03-10 01:30:43
【问题描述】：

我在 div A 中的 div B 中有一个 div C。

div A 的宽度设置为 700px，div C 的宽度设置为 100px。 Div B 没有设置宽度。

我的问题是 div B 将其宽度扩展到 100%（以符合 div A 的宽度）。 div B有没有办法让他的宽度符合子div？我希望它包裹在 div C 周围，以及我放在 div C 附近的任何其他 div。

【问题讨论】：

【解决方案1】：

您可以使用以下代码来实现您的结果：

#b {
  margin:0px auto;
  overflow:hidden;
  display:table;
}

这应该会给出您想要的结果。

【讨论】：

【解决方案2】：

听起来你想要的是不存在的 float:center 属性。检查this article 以获得解决方法。

【讨论】：

【解决方案3】：

将 B div 设为浮动元素，使其宽度适应其子元素。

<div id="B" style="float:left;">

【讨论】：

嗯，很好的答案...但是我想定位那些 C div，所以它们看起来像是在 div A 的中心。如果我把 float:left 放到 div B，我不会能够做到这一点。
如果你想让 B div 居中，可以通过将左右边距设置为 auto 来轻松完成，但是你需要为其指定宽度而不是浮动它。
是的，但是如果我给 div B 添加宽度，那么在添加新的 div C 时我将无法自动调整它的大小。