居中浮动元素

<div class="parent>
<div class="child>
</div>
</div>
<style>
.child{
float:left;
}
</style>

1.child 这个元素 宽度高度固定
.child{
width:20px;
height:20px;
float:left;
}
在外层包个父级   margin:0 auto
<div class="parent>
<div  style="width:20px;margin:0 auto;">
<div class="child>
</div>
</div>
</div>
2.child这个元素 宽高不固定
.child{
position:absolute；
left:0;
right:0;
margin:0 auto;
float:left;
}
在外层包个父级   给相对定位
<div class="parent>
<div  style="position:relative;">
<div class="child>
</div>
</div>
</div>

 

转载于:https://www.cnblogs.com/duanzb/p/10783613.html