码迷,mamicode.com
首页 > 其他好文 > 详细

1130

时间:2020-12-05 11:10:03      阅读:6      评论:0      收藏:0      [点我收藏+]

标签:auto   absolute   margin   The   text   pad   round   tom   relative   

<style type="texts">
.*{
margin:0;
padding:0;
   }
.father{
position:relative;
width:600px;
height:400px;
background:#F96;
margin:50px auto;
}

.box1,.box2,.box3,.box4{
position:absolute;
width:80px;
height:60px;
background:#F0F;
}
.box2{
right:0;
top:0;
}
.box3{
right:0;
bottom:0;
}
.box4{
left:0;
bottom:0
}

</style>

<body>
<div class="father">
<div class="box1">div1</div>
<div class="box2">div2</div>
<div class="box3">div3</div>
<div class="box4">div4</div>
</div>

1130

标签:auto   absolute   margin   The   text   pad   round   tom   relative   

原文地址:https://www.cnblogs.com/xxx0320/p/14069900.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!