clearboth，clearboth有什么用

首先更正一点clear不是一个标签clearboth，它是css中的一个属性其属性值有四个clearbothleftright简单来说呢clearboth，clear属性的作用就是“清除”浮动如果某元素设置clearleft表示该元素左边不存在浮动元素 相应的，clearright表示该元素右边不存在浮动元素clearboth表示该元素两边都不存浮动元素。

clear属性通过调整子元素位置，间接帮助父容器恢复高度需结合其他技巧如clearfix内容错位浮动元素可能导致后续非浮动元素错误上移或环绕，clear属性可强制这些元素从浮动元素下方开始，保持布局垂直顺序其他清除浮动的方法及优缺点添加空元素并设置clear方法在浮动元素后添加空div，设置clear both。

clear 属性允许元素脱离由浮动元素创建的浮动流，即清除浮动使用方法* 清除左侧的浮动元素 *container clear left* 清除右侧的浮动元素 *container clear right* 清除所有浮动元素 *container clear both何时使用 clear 属性当浮。

clearbothCSS手册上这样解释的该属性的值指出clearboth了不允许有浮动对象的边这个属性是用来控制float属性在文档流的物理位置的当属性设置float浮动时，他所在的物理位置已经脱离文档流了，但是大多时候clearboth我们希望文档流能识别float浮动，或者是希望float浮动后面的元素不被float浮动所影响。

jpg#34 style=#34width350pxheight350px#34 text Blah blah blah， blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah， blah blah blah blah。

后续元素从浮动元素的左右两侧边界下方开始排列，彻底避开所有浮动影响使用场景示例1 清除浮动影响 左侧浮动元素 后续内容避开浮动floatleft float left clearboth clear both * 确保后续内容换行显示 *效果clearboth 会强制换行，避免与浮动元素重叠2 创建无浮动。

下列可以清除浮动对父元素带来影响的代码是overflowhidden和clearboth在特定情况下overflowhiddenoverflowhidden是一种直接且常用的方法来清除浮动对父元素的影响当父元素设置了overflowhidden属性后，它会创建一个新的块格式化上下文Block Formatting Context，BFC，这个新的上下文会包含。

上一篇： 开机进不了桌面，电脑开机进不了桌面

下一篇： qq等级排行榜查询，等级排行榜查询系统