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/

Answer 2

为什么你嵌套了div，然后将div分开使其工作

<div style="position:absolute; bottom:0; top:39px; right:70%;">

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

如果你想让两个div从顶部从同一个地方开始，那么将第二个div中的'top'属性改为与第一个div中相同的那个： -

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

Answer 3

我已将您的div更改为：

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

Please click for the fiddle

div内的文本将div留下

3 个答案: