「HTML+CSS」五环居中,两栏布局,经典bug,BFC
时间：
2019-10-07 14:49:31
阅读：
84
评论：
收藏：
0
[点我收藏+]
*{
margin: 0px;
padding: 0px;
}
.frame{
position: fixed;
left:50%;
top:50%;
margin-left: -200px;
margin-top: -85px;
width: 400px;
height: 170px;
border: 1px solid black;
}
.cir1,
.cir2,
.cir3,
.cir4,
.cir5{
position: absolute;
width: 100px;
height: 100px;
border: 10px solid black;
border-radius: 50%;
}
.cir1{
border-color: black;
top: 0;
left: 0;
}
.cir2{
border-color: blue;
left: 140px;
top: 0;
}
.cir3{
border-color: yellow;
left: 280px;
top: 0;
}
.cir4{
border-color: red;
left: 70px;
top: 50;
}
.cir5{
border-color: #f40;
left: 210px;
top: 50;
}
div{
position: fixed;
width: 50px;
height: 100px;
background-color: red;
left: 0px;
bottom: 100px;
}
「HTML+CSS」五环居中,两栏布局,经典bug,BFC
原文：https://www.cnblogs.com/apelles/p/11630247.html
