6个html删除浮动的例子

显示会发生什么：内联块：

1。使块元素显示在一行上
2。使嵌入式支持广泛
三.行解析
4。宽度未设置时，宽度由内容支持。
5。支持块标签ie6,7

该解决方案使用浮动浮点数：左/右，因为内联块属性被解析（有间隙）。

使用浮动时会发生什么：

1。使块元素显示在一行上
2。使嵌入式元素支持广泛
三.宽度未设置时，宽度由内容支持。
4。未解析该行（因此使用内部元素时清除间隙的方法可以使用浮动）
将浮动元素添加到5。元素将离开文档流并以指定的方向移动，直到它到达父级的边界或其他浮动元素停止为止。

复制代码代码如下所示：




非所有权文件

DIV，跨度{身高：100px；背景：红色；边框1px solid # 000；浮动：左；}
*
内联块
1。使块元素显示在一行上
2。使嵌入式支持广泛
三.行解析
4。宽度未设置时，宽度由内容支持。
5。没有一块标签的支持下ie6,7
浮：
1。使块元素显示在一行上
2。使嵌入式支持广泛
三.宽度未设置时，宽度由内容支持。
* /



DIV1
格式
span1
span2




下面的代码只有1浮动，然后1、box2的重叠在一起。两浮不重叠。

复制代码代码如下所示：




非所有权文件

。1 {宽度：100px；身高：100px；背景：红色；浮动：左；}
。箱{宽度：200px；高度：200px；背景：蓝色；*浮动：左；