控制相邻的浮动BOX的排列——clear
功能说明:控制相邻的浮动BOX的排列。
可 取 值:none|left|right|both|inherit
初 始 值:none
应 用 到:块级元素。
可否继承:否。
详细解释:
① 当clear属性应用于非浮动的块级BOX时,属性值的含义如下:
left:生成的BOX的顶边距将增加,直到它的顶部边缘出现在文档中之前元素产生的任何向左浮动的BOX的底外边缘之下。
right:生成的BOX的顶边距将增加,直到它的顶部边缘出现在文档中之前元素产生的任何向右浮动的BOX的底外边缘之下。
both:生成的BOX将移到源文档中之前元素产生的浮动BOX之下。
none:相当于浮动,BOX的位置没有约束。
② 如果clear属性设置在浮动元素上,那么将导致对浮动定位的规则做修改,因此加入了以下额外的约束:
【浮动的顶部外边缘必须在所有之前的左浮动BOX的底部边缘之下(设置clear:left),或者必须在所有之前的右浮动BOX的底部边缘之下(设置clear:right),或者两者都要(设置clear:both)
- 浏览: 71047 次
- 性别:
- 来自: 北京
最新评论
-
qqkou:
不用加ip地址吗?最近在学习timesten,一直找不到连接方 ...
Timesten 学习笔记(六)Java
相关推荐
我对css几个主要属性的理解,inline,block,float,clear
web中利用css解决登录界面帐号和密码输入框长度不相同的问题
CSS clear属性相信大家都有所耳闻吧,下面举例说明下clear属性到底给float(clear常常和float结合使用)带来哪些影响
CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术
NULL 博文链接:https://ywzqzhangjiawei.iteye.com/blog/1490877
本文主要是讲解如何在 html 中使用 clearfix 和 clear,针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了。 下面就谈谈对于这两个 class 的用法,首先我们先看个例子: XML/HTML Code...
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
资源只是比较简单的代码,只适合新人看看。运用了HTML+CSS
此小项目为一个纯静态的polo360界面,运用的技术为单纯的“HTML+CSS”,适合前端小白入门练习。
CSS相册的运用实例页面,可以学习一下自己做个CSS相册!
html css,运用各种web的相关技术,特效技术全面,页面排版新颖,页面具备背景音乐
Clear: 清除扫描结果,当我们查看完网页,并对CSS 进行了修改后,我们就不需要以前的扫描结果了,那么我们就可以使用Clear功能键,清除以前的扫描结果缓存,重新开始其他的扫描. AutoScan: 我们的网站可能会有很多的页面,...
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
让你学会如何应用CSS,更好的讲述了CSS技术~~
CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验
实现动态效果 运用css3 不同程度的动态效果
简单的运用CSS3样式将DIV渲染成悬浮立体方块
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。 CSS语法由三部分构成:选择器、属性和值: selector {property: value} CSS3 是最新的 CSS 标准。 css3比css多了一些样式设置而已。 css3是向前...