码迷,mamicode.com
首页 > 其他好文 > 详细

float 属性详解

时间:2017-01-13 10:00:05      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:填充   body   重叠   row   class   属性   pad   元素   空间   

当前元素分类(float:left) 下一个紧邻元素分类(不含float) 结论
块级元素(a) 块级元素(b) b会填充a遗留下来的空间,a会和b发生重叠,a的图层在上面。
内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。
内联元素(a) 块级元素(b) b不会跟随a的移动
内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。

 

当前元素分类(float:right) 下一个紧邻元素分类(不包含float) 结论
块级元素(a) 块级元素(b) b会填充a遗留下来的空间,若a会和b发生重叠(父容器宽度减少),a的图层在上面。
内联元素(b) b会填充a遗留下来的空间。
内联元素(a) 块级元素(b) b不会跟随a的移动。
内联元素(b) b会填充a遗留下来的空间。

 

float 属性详解

标签:填充   body   重叠   row   class   属性   pad   元素   空间   

原文地址:http://www.cnblogs.com/jgwz/p/6281455.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!