首页 > 其他 > 详细

布局:position:absolute;

时间:2019-08-08 19:01:54      阅读:76      评论:0      收藏:0      [点我收藏+]
<body>
    <div class="childDiv" >
    <div  class="box box01">1</div>
    <div class="box box02">2</div>
    <div class="box box03">3</div>
    <div class="box box04">4</div>
    </div>
</body>
body{margin:0;padding:0;}

.childDiv{
    background-color:pink;
    height:100%;
    width:100%;
    position:absolute;
}
.box{background-color:purple;height:200px; width:200px; position:absolute;}
.box01{ background-color:deeppink; left:0; top:0;} 
.box02{ top:0; right:0; }
.box03{background-color:orange; bottom:0; left:0; }
.box04{ bottom:0; right:0;}

 

技术分享图片

布局:position:absolute;

原文:https://www.cnblogs.com/jiunie/p/11322560.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!