css - 拉伸/收缩父 div 以适应内容的宽度

Question

我正在尝试使 div 的宽度与其内容一样宽。这是一个显示我的意思的文件：

我希望蓝色区域和白色一样宽。我试过了float:left，display:inline-block但是它们不能与position:absolute;. 任何解决方法？

score 1 · Accepted Answer

块级元素实际上自然而然地做到了这一点。您遇到的问题是，绝对定位的元素已从正常流程中取出，因此该块无法环绕您的白框。

您是否有理由需要它们绝对定位？

编辑：如果你只是想让白框居中，你可以去：http: //jsfiddle.net/Marconius/djxpU/1/

代码（因为我必须）：margin: 0 auto;

score 1 · Accepted Answer

1

如果您希望白色区域适合蓝色父级，则将白色的宽度设置为 100%#X{ width:100%; }

于 2013-08-12T20:57:23.423 回答

score 0 · Accepted Answer

默认情况下，div 将是其父级的宽度，并将显示为块。这是一个 div 填充可用空间同时仍保持左边距的示例。

将此应用于您的“X”div：{ margin-left: 120px; height: 40px; background-color: white;}

3 回答 3