如何在“绝对”div下面定位元素？

Question

我有一个绝对定位的div，它需要90％的页面，我定位它绝对因为我希望它从页面的右边开始（浮动右边似乎没有工作由于某种原因）.. < / p>

现在我想要将其他元素置于绝对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下面而不会被它遮挡： http://jsfiddle.net/FQYhk/1/

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