HTML（div块浮动）

HTML（div块浮动）

之前我们知道了一个div块只能自己独占一行，但是通过浮动设置我们可以使多个不同的块处于同一行 浮动设置 浮动案例实现

一、浮动设置

div块标签的css样式实现是通过选择器实现的，我们在选择器中使用float属性达到实现浮动的目的 head中：

/*组选择器*/

.d1,.d2,.d3{

width: 50px;

height: 50px;

float: left;

margin-right: 10px;

}

.d1{

background-color: aquamarine;

}

.d2{

background-color: cadetblue;

}

.d3{

background-color: darkslategray;

}

body中：

二、浮动案例

以12306网站的一个广告浮动案例为主

源码

结果