html – 如何将一个元素放在另一个元素下?

前端之家收集整理的这篇文章主要介绍了html – 如何将一个元素放在另一个元素下?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想把一个元素放在另一个元素下面.我在CSS中使用position:absolute.

 .first{
     width:70%;
     height:300px;
     position:absolute;
     border:1px solid red;
 }
.second{
    border:2px solid blue;
    width:40%;
    height:200px;
}
    

我希望蓝色框位于红色框下方.
我怎么能实现这个目标?

最佳答案
只给出位置:相对于第二个div和top:315px或者你想要的任何东西

.first{
     width:70%;
     height:300px;
     position:absolute;
     border:1px solid red;
 }
.second{
    border:2px solid blue;
    width:40%;
    height:200px;
	position: relative;
    top: 315px;
}

猜你在找的HTML相关文章