如何將元素放置在“絕對” 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

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

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