`

css中clear的含义

CSS 
阅读更多

首先更正一点clear不是一个标签,它是css中的一个属性。

其属性值有四个clear:both|left|right|none。

简单来说,clear的作用是“清除”浮动。

如果某元素设置clear:left,表示该元素左边不存在浮动元素,相应的,clear:right表示该元素右边不存在浮动元素;clear:both表示两边都不存在浮动元素。clear:none表示两边允许有浮动元素。

在视觉上要是某元素左边或者右边不存在浮动元素,就只有它往下移一行或者浮动元素往下移一行。这个元素肯定不能被浮动元素清除,只是用这样的方式达到页面布局的效果。

分享到:
评论

相关推荐

    详解CSS中clear:left/right的用法

    【CSS中的clear属性详解】 在CSS布局中,`clear`属性是一个非常重要的概念,它用于控制元素如何处理周围的浮动元素。通常,我们在处理浮动元素(使用`float`属性)时,可能会遇到元素的位置受到浮动元素影响的情况...

    CSS常用英语词汇大全

    ### CSS常用英语词汇详解 #### A - **Absolute** ['æbsəlu:t] - 绝对定位。...以上列举了CSS中常见的英文词汇及其含义,并详细解释了每个词汇在CSS中的应用场景和技术细节,有助于加深对CSS的理解和掌握。

    css-dictionary(CSS常用英语词汇详解)

    以下将详细介绍近100个在CSS中常用的英语词汇及其含义。 #### 二、A - Z 英语词汇详解 ##### A - **Absolute**: 绝对定位。用于CSS中的`position`属性,使元素脱离文档流,并相对于最近的非静态定位祖先元素定位...

    div+css电子书

    1. **标签**:是HTML中的一个通用容器标签,无特定含义,但可配合CSS实现各种布局。通过设置`display`属性,可以变为块级元素或行内元素。 2. **流体布局**:使用百分比单位配合CSS的`max-width`和`min-width`属性...

    《CSS设计彻底研究》光盘源码

     3.7 CSS中的几何题   3.8 本章小结  第4章 盒子的浮动与定位  4.1 盒子的浮动   4.1.1 准备代码   4.1.2 实验1——设置第1个浮动的div   4.1.3 实验2——设置第2个浮动的div   4.1.4 实验3...

    《CSS设计彻底研究》【中文PDF+源代码】

    《CSS设计彻底研究》在透彻地讲解CSS核心技术的基础上,深入到各个实际应用领域中,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。《CSS设计彻底研究》适合需要使用CSS的Web设计人员和开发...

    div+css网页模板

    它本身没有特定的含义,但通过CSS样式,我们可以将其定义为各种布局结构,如导航栏、内容区域、侧边栏等。`<div>`元素是构建复杂网页布局的基础。 2. **CSS样式表**:CSS(Cascading Style Sheets)是一种样式表...

    css设计彻底研究 源代码

     1.1 HTML与XHTML 1.1.1 追根溯源 1.1.2 DOCTYPE(文档类型)的含义与选择 1.1.3 XHTML与HTML的重要区别 1.2 (X)HTML与CSS 1.2.1 CSS标准简介 1.2.2 在HTML中引入CSS的方法 1.3 基本CSS选择器 ...

    DIVCSS.rar_DIV CSS

    它没有特定的含义,但通过CSS样式,可以控制其显示效果,如位置、大小、颜色等。 2. **CSS(层叠样式表)**:CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它可以用来控制网页...

    div+css pdf 教程

    它没有特定的语义含义,但可以设置样式、添加类或ID,以便用CSS进行布局控制。在网页设计中,div常用来划分网页区域,创建复杂的布局结构。 接着是CSS,全称Cascading Style Sheets,即层叠样式表。它是用来描述...

    CLEAR

    标题中的"CLEAR"可能指的是一个特定的项目、技术或软件工具,但在提供的信息中,并没有足够的上下文来明确它的具体含义。不过,我们可以从标签"字体"出发,探讨一下与字体相关的IT知识点。 字体是计算机视觉呈现中...

    XHTML与CSS入门经典-从零开始

    8. **浮动和清除**:在布局中,`float`属性常用于创建多列布局,而`clear`用于防止元素因浮动而重叠。 9. **响应式设计**:随着移动设备的普及,CSS3引入了媒体查询,允许我们根据设备特性调整页面布局,实现响应式...

    css+html+java 中英文帮助文档

    4. 盒模型:CSS盒模型描述了元素在网页布局中的占据空间,包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。 5. 相对单位与绝对单位:CSS支持相对单位(如em、rem、%)和绝对单位(如px、pt、cm...

    css 浮动 理解Float的含义

    在本例中,我们通过两个方块(一个红色,一个蓝色)的布局练习来深入理解浮动的含义。 首先,我们有传统的两种网页布局方式:浮动(Float)和定位(Position)。浮动主要用于实现元素的水平排列,而定位则用于精确...

    老毕html,css.zip

    6. 浮动与清除:`float`属性用于创建多列布局,`clear`属性用于清除浮动,防止内容因浮动元素而偏移。 7. 响应式设计:通过媒体查询(`@media`)实现不同设备和屏幕尺寸下的样式调整,适应移动优先的开发策略。 在...

    (转载)CSS浮动(二)

    在CSS世界中,浮动(float)是一个至关重要的概念,它对于网页布局有着深远的影响。本文将深入探讨CSS浮动,从基础理论到高级应用,旨在帮助读者全面理解这一关键特性。 首先,我们需要理解“浮动”的基本含义。在...

    HTML标签+CSS笔记

    CSS还支持浮动(float)、清除(clear)、定位(positioning)等高级布局技术,使得我们可以创建复杂的网页布局。 CSS3引入了许多新的特性,如媒体查询(media queries)用于响应式设计,使网页能在不同设备上呈现...

    网络应用程序设计CSS导论PPT学习教案.pptx

    - CSS的含义与作用:CSS是层叠样式表的缩写,主要用来定义网页元素的布局、颜色、字体等视觉表现。 - CSS与HTML的关系:HTML负责网页内容的结构,CSS负责外观和布局,两者结合实现内容与表现的分离。 2. **CSS...

Global site tag (gtag.js) - Google Analytics