<div class="box2"> <p> //这里都是4个； <img src="./wangjunkai.png" alt=""> </p> </div> .box2{ width: 100%; } .box2 p{ width:25%; float: left; } .box2 p img{ width: 100%; }
.box3{ width:100%; position: relative; } .box3 p:nth-child(1){ position: absolute; //浮动 left: 0; //到最上面 width:100px; height:100px; background: red; } .box3 p:nth-child(2){ width: 100%; height:100px; background: green; box-sizing:border-box; padding: 0 100px; //点睛之笔 } .box3 p:nth-child(3){ width:100px; height:100px; background: red; position: absolute; //浮动 right: 0; top:0; //到最上面 }
喜欢的小伙伴可以关注下我的微信公众号"前端伪大叔"
原文：https://www.cnblogs.com/qdwds/p/11706870.html