html - 如何将元素定位在“绝对”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;
    }