css clear

简介: 引用:http://www.w3school.com.cn/css/pr_class_clear.asp 定义和用法 clear 属性规定元素的哪一侧不允许其他浮动元素。 说明 clear 属性定义了元素的哪边上不允许出现浮动元素。

引用:http://www.w3school.com.cn/css/pr_class_clear.asp

定义和用法

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

说明

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

默认值: none
继承性: no
版本: CSS1
JavaScript 语法: object.style.clear="left"

实例

图像的左侧和右侧均不允许出现浮动元素:

img
  {
  float:left;
  clear:both;
  }

TIY

浏览器支持

所有主流浏览器都支持 clear 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。
相关文章
|
前端开发
web前端学习(二十四)——CSS3浮动属性(float)、清除浮动属性(clear)的相关设置
web前端学习(二十四)——CSS3浮动属性(float)、清除浮动属性(clear)的相关设置
web前端学习(二十四)——CSS3浮动属性(float)、清除浮动属性(clear)的相关设置
|
前端开发
一篇文章带你了解CSS clear both清除浮动
一篇文章带你了解CSS clear both清除浮动
2934 0
一篇文章带你了解CSS clear both清除浮动
|
数据采集 前端开发 大数据
一篇文章带你了解CSS clear both清除浮动
一篇文章带你了解CSS clear both清除浮动
2859 0
一篇文章带你了解CSS clear both清除浮动
|
前端开发
(转)经验分享:CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。        前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。        写在前面的话:        由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。
760 0
|
前端开发 容器
CSS中float和Clear的使用
    CSS中float和Clear的使用 本文和大家重点讨论一下CSS中Float和Clear属性的使用,一个float对象可以居左或居右,一个设置为float的对象,将根据设置的方向,左移或右移到其父容器的边界,或其前面的float对象的边界,而紧随其后的非float对象或内容,则包围在其相反的方向。
1069 0
|
前端开发
CSS demo:flaot & clear float
             1,首先,我们布局基本的div块:         如下代码所示,我们在body里面写3几个基本div块,然后设置一些基本属性:         效果图:              2,加入基本浮动...
1002 0