CSS笔记4、float 与 clear

最新推荐文章于 2024-07-22 20:01:51 发布

欧文Z-phone

最新推荐文章于 2024-07-22 20:01:51 发布

阅读量164

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/Z_phone/article/details/85079158

版权

CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

float属性（浮动）

改变块元素（block element）对象的默认显示方式；

浮动元素（float）会被移出标准流，但是不脱离文件流；

使用：将块显示标记左右排列。

主要属性：

值	描述
left	元素向左浮动。
right	元素向右浮动。
none	默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit	规定应该从父元素继承 float 属性的值。

clear属性（清除浮动的影响）

浮动那个会影响到标准流中的元素所以要对受浮动影响的元素清除浮动的影响

<style type="text/css">
#aa,#bb{
	background-color:#F00;
	height:100px;
	width:200px;
	float:left;	
	}
#bb{
	width:200px;
	height:100px;
	background-color:#00F;
	}
#cc{
	width:400px;
	height:100px;
	background-color:#FF0;
	clear:left;
	}
</style>

</head>

<body>
<div id="aa"></div>
<div id="bb"></div>
<div id="cc"></div>

clear作用：清除左浮动的影响，否则会影响到cc的布局

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

欧文Z-phone

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS笔记4、float 与 clear

float属性（浮动）改变块元素（block element）对象的默认显示方式；浮动元素（float）会被移出标准流，但是不脱离文件流；使用：将块显示标记左右排列。主要属性：值描述 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元...
复制链接

扫一扫