CSS定位问题

我有一个DIV在其中我放置窗体控件使用style:position: absolute;top ... etcCSS定位问题

和DIV后，我想要一个段落。

我期待

--------------- 
|    | 
| DIV  | 
--------------- 

PARA

但我得到

--------------- 
| PARA  | 
| DIV  | 
---------------

来源

2011-05-27 Mawg

请发表你有什么或http://jsfiddle.net/ – Jung3o 2011-05-27 01:26:52

它剪断，现在你已经没有帮助的东西。 – Jung3o 2011-05-27 01:27:20

您必须手动设置的，不过div高，应根据它里面有什么height。一旦你做到这一点，该段将被放置在div下方。

Without a height与with a height。

这要么是，或不是你的“表单控件”与position: absolute。

来源

2011-05-27 01:33:05 thirtydot

的问题是，当你设置的div绝对定位，渲染引擎从相对定位系统中删除它，所以你的DIV不保留它自己的高度，相对于邻近的元素宽度......你必须设置div的高度静态，或填充添加到设置以容纳div的一般大小的容器的内部。

来源

2011-05-27 01:35:37 Trey

如果位置是绝对的，该元件不会受到他人的元素和其他太的定位。您可以将该段落放入DIV中，并在该段落中使用相对位置。

试试这个：

<style type="text/css"> 
    #box { 
     position:absolute; 
     top:15px; 
     left:40px; 
     border:1px solid red; 
     width: 40px; 
     height: 40px; 
    } 
    #paragraph{ 
     position: relative; 
     top:30px; 
    } 
</style> 
<div id="box"> 
    <p id="paragraph">my paragraph</p> 
</div>

来源

2011-05-27 01:36:42 Necrower

回答

相关问题