我碰巧看到了一辆clear:both款式的divstyle中的clear有什么用呢?

<div style="clear:both">

推荐答案

clear:both使元素放在文档中其前面的任何浮动元素的下方.

也可以使用clear:leftclear:right使其仅低于那些已向左或向右浮动的元素.

+------------+ +--------------------+
|            | |                    |
| float:left | |   without clear    |
|            | |                    |
|            | +--------------------+
|            | +--------------------+
|            | |                    |
|            | |  with clear:right  |
|            | |  (no effect here,  |
|            | |   as there is no   |
|            | |   float:right      |
|            | |   element)         |
|            | |                    |
|            | +--------------------+
|            |
+------------+
+---------------------+
|                     |
|   with clear:left   |
|    or clear:both    |
|                     |
+---------------------+

Html相关问答推荐

FlexBox 将元素挤压在一起

如何在输入框上方对齐的单行中对齐标签文本(多语言)

SVG 周围的文字

如何在按钮的中心添加两条线

如何在小型显示器中调整 svg 位置?

如何在 HTML 中指定 Unicode 字符的表情符号版本?

内部弹性框无法在末尾对齐带有伪元素的标签

表为行应用css

如何在react 应用程序中从服务器响应创建 childElement

编写在行之间具有多个标题的 HTML 表格的最佳方法是什么?

EM 中的高度不等于按钮和文本区域的相同值

具有视口高度的父元素内部的子元素的百分比高度不起作用

为什么border radius = 1时才有效?

如何使用 CSS 为具有透明背景的白色图像着色?

带有 ul 后跟输入的 Flexbox 行布局

CSS:在flexbox的第二行插入图标

获取 HTML5 本地存储密钥

Favicon Standard - 2022 - svg、ico、png 和尺寸?

Angular 5 FormGroup 重置不会重置验证器

CSS:改变父母对子元素的关注