CSS浮动

1.浮动:

	(float) left|right(左浮动/右浮动)
       浮动元素会脱标

2.浮动(脱标特点):

	1) 不在占用标准文档流的位置;
 	2) 浮动元素会互相贴靠;但是父元素的宽度不足以放子元素的时候,子元素就会折行。
                                   (给父元加一个足够的高度就能避免折行)
 	3)字围现象

3.浮动会导致元素崩塌

如果父元素没有高度,子元素浮动的时候,就不能再撑高父元素。
    (给父元素加高度)

4.清除浮动:就是 浮动对其他元素造成的影响。

常见的清除浮动的方式:
	1)给父元素加高度;
	2)使用overflow属性。

5.overflow:设置元素内容超出部分的f方式:

	1.hidden:隐藏
	2.scroll:滚动条
	3.auto:滚动条
	4.visible:默认不对超出部分作处理
	5.inherit:继承父元素

6.clear:清除:

常见的值:
	1.both:指的是左右浮动都要清除(清除别的元素对我的影响)
	2.left:在元素的左侧不允许有浮动;
	3.right:在元素的右侧不允许有浮动;
	4.none:默认值,允许元素的左右两边出现浮动
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值