浮动flaot

浮动

浮动的写法;

flaot:left;向左浮动
flaot:left;向右浮动

浮动的特性:
1、可以让浮动元素排成一行,并且不会有空格的产生
2、浮动元素脱离文档流,不会撑开父级的高度
3、可以让内联元素支持宽高
4、没有加宽度的时候,宽度默认由内容撑开
5、添加了浮动的元素,会在遇到同样添加浮动的元素或者父级的边界才会停下来

从上面的浮动的特性可以看出,浮动元素会带来一定的影响,所以我们还要清除浮动,下面介绍介绍几种清除浮动的方法

1、直接给父级加高度
2、<br clear="both"> 一定要加在父级的最下面
3、给父级加overflow:hidden;
4.clear:both;只会在元素为块级元素时清除浮动
5、给浮动元素的父级添加以下代码

.fix:before{
	content: ' ';
	display:block;
	display:table;  /*兼容IE6*/
	clear:both;
	
}
.fix{
	zoom:1;
	/* 触发IE6里面的BFC*/
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值