我想将一个元素放在另一个元素下。我在CSS中使用position: absolute。
.first{
width:70%;
height:300px;
position:absolute;
border:1px solid red;
}
.second{
border:2px solid blue;
width:40%;
height:200px;
} <div class="first"></div>
<div class="second"></div>我希望蓝色框位于红色框下方。
我怎样才能做到这一点？
最佳答案
只给position:relative于第二个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>
<head>
</head>
<body>
<div class="first"></div>
<div class="second"></div>
</body>
</head>关于html - 如何将一个元素放置在另一个元素下面？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40676648/