CSS的浮动
2021-06-29 12:04
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签:没有 tle utf-8 otto head pre lan style bsp
一、float的目的
float
/*浮动 脱离文档流*/
二、语法
float:left/right;
三、float的特点
1.子级浮动导致父级高度塌陷
2.行内元素设置浮动,会自动转为块级 可设宽高
3.浮动文本类的标记如果没有指定宽度,浮动后会自动折叠到最小宽度(文本)
4.子级浮动始终在父级包含块内部,不会溢出,不会穿越到padding去
5.浮动会影响别的元素
6.如果父级包含块没有足够空间容纳子级浮动元素,子级自动换行
四、清除float
style="clear:both;" //清除所有浮动
五、示例
- 123
- 213
- 321
CSS的浮动
标签:没有 tle utf-8 otto head pre lan style bsp
原文地址:http://www.cnblogs.com/hjl-x/p/7141230.html