html5中的clear是什么意思-前端问答-PHP中文网

html5中的clear是什么意思

WBOY

发布： 2021-12-21 18:00:26

原创

3846人浏览过

html5中，clear是“清除”的意思，是一个样式属性，用于清除元素周围的浮动元素，语法为“clear:value”或者“Object.style.clear=value”，默认情况下属性值为“none”，表示允许浮动元素出现在元素周围。

html5中的clear是什么意思

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html5中的clear是什么意思

在html中，clear的意思是清除。

clear 属性规定元素的哪一侧不允许其他浮动元素。

立即学习“前端免费学习笔记（深入）”；

clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

Flex3组件和框架的生命周期中文WORD版

在整本书中我们所涉及许多的Flex框架源码，但为了简洁，我们不总是显示所指的代码。当你阅读这本书时，要求你打开Flex Builder，或能够访问Flex3框架的源码，跟随着我们所讨论源码是怎么工作及为什么这样做。如果你跟着阅读源码，请注意，我们经常跳过功能或者具体的代码，以便我们可以对应当前的主题。这样能防止我们远离当前的主题，主要是讲解代码的微妙之处。这并不是说那些代码的作用不重要，而是那些代码处理特别的案例，防止潜在的错误或在生命周期的后面来处理，只是我们当前没有讨论它。有需要的朋友可以下载看看

查看详情

示例如下：

<html>
<head>
<style type="text/css">
img
  {
  float:left;
  clear:both;
  }
</style>
</head>
<body>
<img src="/i/eg_smile.gif" />
<img src="/i/eg_smile.gif" />
</body>
</html>

登录后复制

输出结果：