如何在「絕對」div下面放置元素？

Question

我有一個絕對定位的div，它需要90％的頁面，我將其定位絕對因爲我希望它從頁面右側開始（float right似乎並不適用於某些原因）。

現在我還有其他要放在絕對div下面的元素。 。我怎麼做？我也有絕對的位置嗎？我恨，那感覺太亂..

<div id="banner"> 
<h3>title</h3> 
<p>Lorem ipsum paragraph</p> 
</div> 

<p>paragraph below the div</p> 

CSS：

#banner { 
background: #EBC841; 
width: 90%; 
padding: 30px 10px; 
position: absolute; 
right: 0; 
} 

現在的段落上留下的div小的空間。我想這是它下面。 。 我怎麼做？

Answer 1

而不是在div上使用絕對定位，您可以添加一個10％的margin-left值，它將div放置在同一位置，並允許其他內容顯示在div下並且不會被div遮擋：http://jsfiddle.net/FQYhk/1/

#banner { 
     background: #EBC841; 
     width: 90%; 
     margin-left: 10%; 
     padding: 30px 10px; 
    }