css浮动 float
可以让多个块标签处于同一行,不用转换成行内元素
宽和高以及盒子模型的特征得以保留
1.浮动之前
<style>
.d1,.d2,d3{
width: 200px;
height: 200px;
}
.d1{
background-color:yellow;
}
.d2{
background-color:green;
}
.d3{
background-color:bule;
}
</style>
<body>
<div class="d1">
1
</div>
<div class="d2">
2
</div>
<div class="d3">
3
</div>
</body>
2.浮动之后
<style>
.d1,.d2,d3{
width: 200px;
height: 200px;
float:left;
/*表示向左浮动*/
}
.d1{
background-color:yellow;
}
.d2{
background-color:green;
}
.d3{
background-color:bule;
}
</style>
<body>
<div class="d1">
1
</div>
<div class="d2">
2
</div>
<div class="d3">
3
</div>
</body>
ps:个人学习笔记,如有错误请大佬指正(doge)