在 CSS 中,clear被用来管理浮动。在 HTML 中,元素可以浮动到页面的左侧或右侧。但是,这会导致其他元素跟随着浮动元素移动,因此我们需要清除浮动。
clear 属性的值可以是 left、right、both 或 none。如果元素希望不受到浮动元素的影响,则应将 clear 设置为 left 或 right。如果要清除浮动元素的影响,则可以使用 both。如果不需要清除,则使用 none 值即可。
例如,以下代码将清除左侧的浮动元素:
```css
.clear-left {
clear: left;
}
```
以下的代码将清除右侧的浮动元素:
```css
.clear-right {
clear: right;
}
```
如果您想完全清除所有浮动元素,可以使用 both:
```css
.clear-both {
clear: both;
}
```
在某些情况下,清除浮动可能会导致包含元素的高度变小,因为浮动元素不再占用空间。在这种情况下,您可以使用技巧,如添加一个空元素或使用 overflow 属性,来解决高度问题。
总之,在 CSS 中,clear 用于在浮动元素之前或之后清除浮动影响。左、右、both 和 none 是可用的值。