css中clear属性 - bluedusk - ITeye博客

`

bluedusk

浏览: 275295 次
性别:
来自: 北京

最近访客更多访客>>

cheneyxu

Hynial

e_Inch_Photo

xiexjbailx

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

niuqiang2008：晕 ...
Session Management
olived：你这是javascrpit代码么
固定表头列头Javascript代码
xypcn：你这个不是太全，按你这个我没配起来，自己总结如下：http:/ ...
Zend Optimizer 3.3.9 安装
godsmell：感谢分享。
Sybase在Dbvisualizer中出现乱码解决
cdefg198：具体怎么去实现呢，看到是好，但是不会这么做哦
纯css网页特效实力

css中clear属性

博客分类：

webdev

CSS ASP XHTML HTML

阅读更多

运行代码,查看Clear层的作用参考地址: http://www.w3school.com.cn/css/pr_class_clear.asp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

.LeftText{
   margin: 3px;
   float: left;
   height: 180px;
   width: 170px;
   border: 1px solid #B1D1CE;
   background-color: #F3F3F3;
}

.FootText{
   margin: 3px;
   height: 180px;
   width: 170px;
   border: 1px solid #B1D1CE;
   background-color: #F3F3F3;
}

.Clear
{
   clear:both;
}
</style>

</head>

<body>

 
<div class="LeftText">区块1</div>
<div class="LeftText">区块2</div>
<div class="Clear"></div>
<div class="FootText">区块3</div>
</body>
</html>

分享到：

css兼容ie和firefox | PHP开源程序搜罗

2009-03-07 16:00
浏览 1736
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS的clear属性清除浮动的基本用法示例: CSS中的`clear`属性是用于解决浮动元素（`float`属性设置为`left`或`right`的元素）引起的布局问题，特别是当这些浮动元素的父容器没有固定高度（`height`设置为`auto`）时。浮动元素会导致它们的父容器高度无法自动...

css中的clear属性使用方法实例介绍: 这是一个普通元素，如果没有设置clear属性，可能会被上方的浮动元素影响 ``` 在这个例子中，`.clear-both`元素会将自身与左右两侧的浮动元素分隔开，使得后续的元素不会受到影响。 **五、浏览器兼容性** `clear`...

利用css的clear属性实现广告文字环绕效果: 利用css的clear属性实现广告文字环绕效果_网页代码站(www.webdm.cn) ;"> ;height:100px;width:1px;"> ;height:250px;width:250px;clear:left;...

css,float,clear: 我对css几个主要属性的理解，inline,block,float,clear

CSS浮动属性Float详解什么是CSS Float？: Float 属性是 CSS 中非常重要的一部分，掌握 Float 属性可以帮助我们创建复杂的网页布局。但是，Float 属性也存在一些问题，例如，清除 Float 和塌陷问题。只有正确地使用 Float 属性，我们才能创建一个美丽的网页...

CSS clear属性给float带来哪些影响: CSS clear属性是专门设计用来控制元素是否可以出现在浮动元素的旁边或下方。它在处理浮动布局时显得尤为重要，因为它能够解决浮动元素导致的父容器高度坍塌的问题。在Web开发中，浮动(float)是一种常用的布局手段，...

css 的 float 与clear: 在CSS世界中，`float`和`clear`是两个非常重要的布局属性，它们在网页设计中扮演着不可或缺的角色。这两个属性对于理解盒模型以及创建复杂的网页布局至关重要。在这篇文章中，我们将深入探讨`float`和`clear`的概念...

JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明: 下面是对标题和描述中提到的一些CSS Style属性在JS中的详细解释： 1. **边框（Border）属性**： - `border`: 设置所有边框的样式、宽度和颜色。 - `border-bottom`: 设置下边框。 - `border-bottom-color`: 设置...

CSS与JS属性对照表: - CSS中的`clear`属性用于规定元素的哪一侧不允许其他浮动元素，如`clear: both;`。在JavaScript中，对应的属性为`clear`。 - `float`属性在CSS中用于使元素浮动，如`float: left;`，对应的JavaScript属性是`style...

DIV+CSS布局：CSS浮动float属性详解: 其中，`CSS`的`float`属性扮演着至关重要的角色，它允许元素从文档流中“浮动”出来，从而实现更为灵活和精细的页面布局。本文将详细介绍`float`属性的基本概念、工作原理以及一些常见的应用场景。 #### `float`...

css：字体属性参考大全: 字体属性是CSS中用于控制文本外观的重要组成部分。下面详细介绍各个子属性的功能及其使用方法。 ##### 1. 大小（Font Size） - **语法**：`font-size: size;` - **描述**：设置文本的字体大小。 - **值**： - `x-...

CSS2.0 中文手册: 10. **页面布局**：CSS2.0通过`display`属性支持流式布局、网格布局和定位布局，如`block`、`inline`、`flexbox`（CSS3中引入）和`grid`（CSS3中引入）。 11. **透明度**：CSS2.0通过`opacity`属性控制元素的透明度...

css的border和clear属性使用方法和示例: 总结来说，border属性和clear属性是CSS中很实用的两个属性，border可以用来美化界面，而clear属性则可以解决浮动带来的布局问题。在制作网页时，合理地利用这些属性，能够使得页面布局更加合理和美观。

css常用属性: - 清除浮动：`clear`属性防止元素因浮动而重叠。 CSS的属性繁多且功能强大，以上只是其中一部分常用属性的概述。深入学习CSS，能帮助开发者更精细地控制网页的样式和布局，提升用户体验。在实际开发中，应结合具体...

CSS属性查询以及用法: CSS 属性查询是指在 HTML 标记语言中使用的样式表语言 CSS 的各种属性的查询和使用方法。该查询包含了绝大多数常用的 HTML 标签，以及其对应的属性和用法。字体属性（Font） * font-family：定义文本的字体系列...

css基本样式属性大全.pdf: 在CSS中，样式属性是用来控制HTML文档的样式和布局的。下面将详细介绍CSS基本样式属性。字体属性 * 字体大小（font-size）：可以使用绝对单位（px、pt、cm、mm等）或相对单位（%、em等），也可以使用预定义的值...

Dreamweaver里CSS编辑器对应的CSS属性: 在深入探讨Dreamweaver中的CSS编辑器及其对应的CSS属性之前，我们先来了解一下Adobe Dreamweaver。这是一款由Adobe公司开发的专业级Web设计工具，它为网页开发者提供了强大的可视化编辑环境，支持HTML、CSS、...

前端与移动开发就业班入学测试题目: **题目**: CSS中clear属性可以清除position：absolute的元素吗？ **选项**: - A: 是 - B: 否 **正确答案**: B: 否 **解析**: `clear` 属性主要用于防止浮动元素覆盖到其它元素，通常用于清除浮动的影响。但对于绝对...

Global site tag (gtag.js) - Google Analytics