CSS的浮动

2021-06-29 12:04

阅读:679

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


评论


亲,登录后才可以留言!