Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将元素定位在“正下方”;绝对的;迪夫?_Html_Css - Fatal编程技术网

Html 如何将元素定位在“正下方”;绝对的;迪夫?

Html 如何将元素定位在“正下方”;绝对的;迪夫?,html,css,Html,Css,我有一个绝对定位的div,它占据了页面的90%,我绝对定位它,因为我希望它从页面的右侧开始(由于某种原因,右浮动似乎不起作用) 现在我想把其他元素放在绝对div的下面,我该怎么做呢?我也有绝对位置吗?我讨厌那样,感觉太乱了 <div id="banner"> <h3>title</h3> <p>Lorem ipsum paragraph</p> </div> <p>paragraph below th

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

现在我想把其他元素放在绝对div的下面,我该怎么做呢?我也有绝对位置吗?我讨厌那样,感觉太乱了

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

 <p>paragraph below the div</p>

现在这一段就在div左边的那个小地方。。我希望它在它下面。。如何做到这一点?

您可以在div上添加10%的左边距值,以将div定位在同一位置,并允许其他内容显示在div下方,而不会被其遮挡:


如果有一种方法可以让div从页面右侧开始,而不使用绝对位置,那就更好了,我想..是的,也这样做了!非常感谢。
 #banner {
 background: #EBC841;
 width: 90%;
 padding: 30px 10px;
 position: absolute;
 right: 0;
 }
    #banner {
      background: #EBC841;
      width: 90%;
      margin-left: 10%;
      padding: 30px 10px;
    }