html - div 中的文本占据 div 左侧

Question

我做了这个div:

    <div style="position:absolute; bottom:0; top:39px; right:70%;">
<div style="border-left:1px solid black; position:absolute; right:0px; background-color:white; top:0%; bottom:0%; height:100%; z-index:-1;">
    </div>
</div>

但是当我像这样在 div 中添加文本时:

<div style="position:absolute; bottom:0; top:39px; right:70%;">
<div style="border-left:1px solid black; position:absolute; right:0px; background-color:white; top:0%; bottom:0%; height:100%; z-index:-1;">
dddddddddddddddddddddd
    </div>
</div>

它占用左边的 div。我希望 div 保持在完全相同的位置，而文本向右浮动。

在 jsfiidle 中:

without a text inside

with a text inside

感谢帮助

Answer 1

为 div 添加宽度 100%。

代替这个

<div style="border-left:1px solid black; position:absolute; right:0px; background-color:white; top:0%; bottom:0%; height:100%; z-index:-1;">

使用这个。

<div style="border-left:1px solid black; position:absolute; right:0px; background-color:white; top:0%; bottom:0%; height:100%; z-index:-1; width:100%;">

更新了下面的 jsfiddle。

http://jsfiddle.net/2fDQz/55/