用绝对位置填充div - 自动宽度

时间:2011-10-19 13:35:32

标签: css

我试图让div填写正确的数量,对应于其中的文本。这是div的正常行为,但是当添加position:relative和absolute时会遇到麻烦。

<div style="position:relative;background-color:#CDCDCD;">
    <div style="position:absolute;top:0px;left:0px;">sadasd</div>
</div>

它很简单,我只想在文本出现时填充背景颜色。设置宽度不是一种选择。

我尝试过宽度:自动和显示:阻止,但我无法让它工作。

2 个答案:

答案 0 :(得分:3)

<div style="position:relative;">
    <div style="position:absolute;top:0px;left:0px;background-color:#CDCDCD;">sadasd</div>
</div>

答案 1 :(得分:0)

只需将背景颜色移动到内部div,即可完成工作!