html - 如何将元素定位在 "absolute"div 的正下方？

Question

我有一个绝对定位的 div，它占据了页面的 90%，我绝对定位它是因为我希望它从页面右侧开始(由于某种原因，向右浮动似乎不起作用)..

现在我有其他元素要放在该绝对 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;
    }