码迷,mamicode.com
首页 > Web开发 > 详细

css浮动定位到底什么鬼?

时间:2016-08-22 00:16:10      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

实际操作浮动的时候经常出现一头雾水的情况,趁着写博客理一理:

所谓浮动定位也就是定义一个元素相对于它本来的位置出现在哪里。以下几点是浮动定位中需要记住的:

1.浮动会先将元素在正常文档流中删除,但是该元素依然影响布局。例如,relative的元素原来所占的空间还在。

2.浮动元素的外边距始终不变。

3.元素被浮动后首先生成一个块级框,然后为自己指定一个包含块。

4.浮动的原则有:float之间不覆盖;边界来自包含块;float之间顺着排;尽可能挤一挤;尽可能顶一顶;

5.超出包含块的方法:使用负外边距;定义更大的宽度;

6.浮动元素与正常元素重叠时,行内框自行置顶,块框只有内容置顶。

7.clear清楚是产生一个清除域,加在上外边距之外,域中不允许浮动元素的存在。

8.top等的偏移定义了浮动元素距离其包含块对应边的偏移。

9.除了bottom之外,设为auto的偏移项会相对于元素的静态位置定位。

10.左右外边距都是auto,但left、right、width不是auto。元素会保持绝对居中。

11.固定定位(fixed)与绝对定位(absloute)基本一样,只是fixed的包含块是视窗。

12.相对定位一个元素,它的子元素会拥有一个处于它本来所在位置的一个包含块。

css浮动定位到底什么鬼?

标签:

原文地址:http://www.cnblogs.com/mingtan/p/5793931.html

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