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

Posted 2021-02-11 fengnan

重叠的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>