浮动属性(float)

浮动属性(float)

		float 浮动属性
			left   左浮动
			right  右浮动
		注意:浮动属性,脱离标准文档流,元素一旦浮动,那么就不在页面中占有位置了。
		浮动属性目的:为了让块状元素变成一行。
		元素一旦浮动,就不是块状元素或者行内元素了。

#浮动属性代码

<!DOCTYPE html>
<html>
<head>
	<title>float浮动属性</title>
	<meta charset="UTF-8" />
	<style>
		#one{
			width:200px;
			height:200px;
			background:red;
			/*浮动属性-左浮动*/
			/*元素一旦浮动,就脱离标准文档流*/
			float:left;
		}
		#two{
			width:200px;
			height:200px;
			background:pink;
			float:left;
		}
		#three{
			width:200px;
			height:200px;
			background:cyan;
			/*浮动属性,右浮动*/
			float:right;
		}
	</style>
</head>
<body>
	<div id="one">1</div>
	<div id="two">2</div>
	<div id="three">3</div>
</body>
</html>

#效果如下:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值