html - 如何清除: left and clear: right work?

标签 html css

我知道 clear: both 属性用于清除 float 元素。 clear: leftclear: right 怎么样?如何以及何时使用它们?

最佳答案

这些值告诉盒子分别只清除左边的 float 或只清除右边的 float 。它不会水平堆叠到左侧 float 的右侧或右侧 float 的左侧,而是分别堆叠在 float 下方

如果您有一系列左浮动和右浮动元素,clear: left 仅清除先前左浮动的框,clear: right 清除它仅来自先前向右浮动的框。

如果 clear: left 框之前的框向右浮动,则框本身也会向右浮动,因为它没有清除右侧的 float 。同样,当 clear: right 跟随仅向左浮动的框时,框本身也会向左浮动。

一些视觉解释:

关于html - 如何清除: left and clear: right work?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8769137/

相关文章:

javascript - Angularjs + Bootstrap : Google Page Insight test

html - 如何使用CSS更改图像中的蓝色背景选择颜色

javascript - 实际响应加载内容的预加载器

jquery - 如何删除一个div?

html - CSS 组织图问题

javascript - jquery 插件在使用 jquery 显示 block 后不起作用

PHP多维数组转html表

jquery - 在传统动画之后使 span 元素具有固定宽度

html - Django:为什么我在 Django Summernote 中放置的文本会在 HTML 模板中显示 HTML 标签?

php - 不知何故,某些CSS仅在用户登录时显示,而对于注销的用户不显示。 HTML/CSS