微信

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

云博小周宇1 Min Read

重叠的div

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

 

[JSP]-[HTML]-[CSS]-[DIV]-页面样式
<style> .fo{ position:relative; display:flex; } .zi{ position:absolute; width:150px; Height:50px; top:300px; } </style> 
<div class="fo">
</div>
<div class="zi">
</div>