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

CSS定位問題

回答

相關問題