[JSP]-[HTML]-[CSS]-[DIV]-页面样式

重叠的div

我们使用position实现绝对定位,对父级设置position:relative属性,对其子级设置position:absolute加上left或right和top或bottom实现子级在父级内任意定位。

<style>
.fo{
position:relative; 
    
    display:flex;
}
.zi{
 position:absolute;
  width:150px;
  Height:50px;
  top:300px;
}
</style> 
<div class="fo">
</div>
<div class="zi">
</div>

猜你喜欢

转载自www.cnblogs.com/fengnan/p/10472161.html