时间:2016-01-23 12:26 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【清除浮动(clearfix 和 clear)的用法示例介绍】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
清除浮动(clearfix 和 clear)的用法示例介绍
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<title>如何在html中使用clearfix和clear</title>
<link rel="stylesheet" type="text/css" href="http://www.jb51.net/css/base.css" media="all"/>
<style type="text/css">
.fl{float:left;}
.demo{background:#ccc;}
.item1{background:#f90;height:100px;width:100px;}
.item2{background:#fc0;height:200px;width:100px;}
</style>
</head>
<body>
<h2>用 clear 清除浮动</h2>
<div class="demo">
<div class="fl item1"></div>
<div class="fl item2"></div>
<div class="clear"></div>
</div>
<h2>用 clearfix 清除浮动</h2>
<div class="clearfix demo">
<div class="fl item1"></div>
<div class="fl item2"></div>
</div>
</body>
</html>
关于清除浮动(clearfix 和 clear)的用法示例介绍的相关讨论如下：
相关问题：css中的清除浮动{clear:both;}和无浮动｛flaot:non...
答：简单的说: 1.clear:both是为了让浮动的元素的前后元素不受浮动的影响. 2.float:none是为了让子元素不要继承父元素的浮动效果. >>详细
相关问题：有关css伪类:after清除浮动的问题
答：【浮动产生负作用 】 1、背景不能显示由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。 2、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于... >>详细
相关问题：关于CSS清除浮动貌似清不掉 求解如何使用
答：.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { zoom: 1; display: inline-block; _height: 1px } .clearfix { display: block; } //试试这样的闭合清除浮动 有时候DW看是错的，但... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-