CSS宽度问题子父

Question

我在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。

Answer 1

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

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

这应该会给你想要的结果。

Answer 2

使B div成为一个浮动元素，使其宽度适应它的孩子。

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

Answer 3

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