<style>.box{margin:0px auto;border:5px solid pink;}/*只有div有宽度时margin—auto才有效果*/ .box div{float:left;width:100px;} .left{background:red;} .left div{height:150px;border:1px solid #fff;} .center{background:green;} .center div{height:100px;border:1px solid #fff;} .right{background:yellow;} .right div{height:150px;border:1px solid #fff;} .clearfix:after{content:"";display:block;clear:both;height:0;}</style></head><body><div class="box clearfix"> <div class="left"> <div></div> <div></div> </div> <div class="center"> <div></div> <div></div> <div></div> </div> <div class="right"> <div></div> <div></div> </div></div></body><style>.box{margin:0px auto;border:5px solid pink;}/*只有div有宽度时margin—auto才有效果*/ .box div{float:left;width:100px;} .left{background:red;} .left div{height:150px;border:1px solid #fff;} .center{background:green;} .center div{height:100px;border:1px solid #fff;} .right{background:yellow;} .right div{height:150px;border:1px solid #fff;} .clearfix:after{content:"";display:block;clear:both;height:0;}</style></head><body><div class="box clearfix"> <div class="left"> <div></div> <div></div> </div> <div class="center"> <div></div> <div></div> <div></div> </div> <div class="right"> <div></div> <div></div> </div></div></body>
- 1 回答
- 0 关注
- 1728 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消