这种布局有点像一个风车,logo标志在中间,其余的图片就像叶片一样环绕在周围。
如果设计师交给你这样一个布局,你会用css怎么布局呢?
这种只能用定位
直接给你贴代码
<div class="fatherbox">
<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>
<div class="box box4"></div>
<div class="box box5"></div>
</div>
css:
.fatherbox{
position: relative;
width: 600px;
height: 600px;
}
.box{
position: absolute;
}
.box.box1{
left:0px;
top:0px;
}
.....
.box.box5{
left:对应着调;
top:对应着调;
}
用position定位吧~