我正在尝试使 div 的宽度与其内容一样宽。这是一个显示我的意思的文件:
我希望蓝色区域和白色一样宽。我试过了float:left
,display:inline-block
但是它们不能与position:absolute;
. 任何解决方法?
块级元素实际上自然而然地做到了这一点。您遇到的问题是,绝对定位的元素已从正常流程中取出,因此该块无法环绕您的白框。
您是否有理由需要它们绝对定位?
编辑:如果你只是想让白框居中,你可以去:http: //jsfiddle.net/Marconius/djxpU/1/
代码(因为我必须):margin: 0 auto;
如果您希望白色区域适合蓝色父级,则将白色的宽度设置为 100%#X{
width:100%;
}
默认情况下,div 将是其父级的宽度,并将显示为块。这是一个 div 填充可用空间同时仍保持左边距的示例。
将此应用于您的“X”div:{ margin-left: 120px; height: 40px; background-color: white;}