web标准：CSS clear的属性及使用方法
来源：中国设计秀 发布时间：2008-10-27 13:31:00
标签：clear,web标准,属性,方法
Image and text elements that appear in another element are called floating elements. The clear property sets the sides of an element where other floating elements are not allowed.
图片和文字元素出现在另外元素中，那么它们(图片和文字)可称为浮动元素(floating element)。使用clear属性可以让元素边上不出现其它浮动元素。
Note: This property does not always work as expected if it is used along with the \"float\" property.
注意：当这个属性随着\"float\"属性一起使用的话，那么结果可能会不尽如人意
Inherited: No
继承性：无
可用值
| 值 | 描述 |
|---|---|
| left | No floating elements allowed on the left side 不允许元素左边有浮动的元素 |
| right | No floating elements allowed on the right side 不允许元素的右边有浮动的元素 |
| both | No floating elements allowed on either the left or the right side 元素的两边都不允许有浮动的元素 |
| none | Allows floating elements on both sides 允许元素两边都有浮动的元素 |
举例
<style type=\"text/css\">
.LeftText{
margin: 3px;
float: left;
height: 180px;
width: 170px;
border: 1px solid #B1D1CE;
background-color: #F3F3F3;
}
.FootText{
height: 180px;
}
.Clear
{
clear:both;
}
</style>
<div class=\"LeftText\">区块1</div>
<div class=\"LeftText\">区块2</div>
<div class=\"Clear\"></div>
<div class=\"FootText\">区块3</div>
代码说明：
如果没有Clear这一层，“区块3”会紧接区块2并列在同一行。
加了Clear这一层后，会把上面的浮动DIV的影响清除，使其不至影响下面DIV的布局
0
投稿猜你喜欢
"合成大西瓜"这个游戏在年前很火热，还上过微博热搜，最近便玩了一阵还挺有意思的,所以研究了一下小球碰撞原理,自己亲自手写- 依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有we
- 今天把Ext.js源码又读了一遍，不过这次比较认真。看完代码，有了不少收获也遇到不少问题。主要总结如下：1、document.execCom
- import datetime as dtdef log_time(message, time=None): if time i
- 一、简介Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包
- 这篇文章讨论Python中下划线_的使用。跟Python中很多用法类似，下划线_的不同用法绝大部分（不全是）都是一种惯例约定。一、
- 今天研究了些取access数据库随机记录问题，这是这我自己搜集整理的方法。大家有没有高见，可以告诉我，或者我总结的东东本身有误，也可以帮我修
- 我就废话不多说了，大家还是直接看代码吧~package main import "os" func main () {
- js表单验证只能是写限定的东西大收集 代码如下：ENTER键可以让光标移到下一个输入框<input onkeydown=&q
- 一、使用python3做webervice接口测试的第三方库选择suds-jurko库，可以直接pip命令直接下载，也可以在pypi官网下载
- pip install psycopg2出现错误：Looking in indexes: https://pypi.tuna.tsinghu
- 网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以
- 有一个表tb_3a_huandan_detail，每天有300W左右的数据。查询太慢了，网上了解了一下，可以做表分区。由于数据较大，所以决定
- 前言在此之前，我认为 Python 的类型提示就是一个花瓶，看起来好看，但并没有实质的作用，因为即使类型写错了，或者传错了，程序仍然可以运行
- python——pip install xxx报错SyntaxError: invalid syntax在安装好python后，进入pyth
- 构建网络ResNet由一系列堆叠的残差块组成，其主要作用是通过无限制地增加网络深度，从而使其更加强大。在建立ResNet模型之前，让我们先定
- 本文实例讲述了Python装饰器用法。分享给大家供大家参考，具体如下：写装饰器装饰器只不过是一种函数，接收被装饰的可调用对象作为它的唯一参数
- 一、线程队列queue队列：使用方法同进程的Queue一样如果必须在多个线程之间安全地交换信息时，队列在线程编程中尤其有用。重要：q.put
- 在这篇文章中，我将展示如何在 CentOS/RHEL 7、Debian 以及它的衍生版本比如 Ubuntu（最新的 Ubuntu 16.04
- 今天我们来学习,如何使用有趣的自定义标记来布局页面。有的朋友可能有这样的疑问，自己随便定义的标记浏览器怎么能正确的认识呢？这里我们就要用到文
