1.1元素浮动属性float
在css中，通过float属性定义浮动，浮动就是设置了浮动属性的元素脱离了文档流的控制，移动到父元素指定位置，：语法为
选择器{float:属性值}
float属性值
float：left 元素左浮动
float：right 元素右浮动
float:none 元素不浮动
1.2清楚浮动
由于浮动元素不在占用原文档流的位置，是浮动时会影响后面相邻固定元素，这时如果要避免浮动元素对其他元素影响，就要清除浮动。
1：使用clear清除浮动
clear:left清除左浮动影响。
clear:right清除右浮动影响
clear:both清除左右浮动影响
但clear不能清除子元素浮动对父元素影响，以下为解决办法，
方法一：使用空标签清除浮动但此方法无形中添加了多余的结构元素
方法二：使用overflow清除浮动
方法三：使用after伪元素清除浮动
注：此方法注意以下两点
1：父元素hight:0;
2: 添加content：""属性
1.3 overflow属性
overflow：visible内容不会被修剪，会呈现在元素框外
overflow:hidden 溢出部分被隐藏
overflow:auto 在需要时产生滚动条，即自适应显示要显示内容
scroll:溢出部分被剪切，且会产生滚动条
css浮动
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 什么是浮动 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普...
