css样式 div两个盒子上下叠加如下图怎么写啊?
发布网友
发布时间：2022-06-26 17:12
共1个回答
热心网友
时间：2024-11-04 13:33
<div style="position:relative; width:400px; height:300px; background-color:yellow">
<div style="position:absolute; bottom:0; left:50px; width:300px; height:150px; background-color:red"></div>
</div>
如果两个盒子是独立的，则可以这样：
<div style="width:400px; height:300px; background-color:yellow"></div>
<div style="position:relative; top:-150px; left:50px; width:300px; height:150px; background-color:red">2</div>
其实有N多种方式实现，上述只是其中的一两种
