标签:
实际操作浮动的时候经常出现一头雾水的情况,趁着写博客理一理:
所谓浮动定位也就是定义一个元素相对于它本来的位置出现在哪里。以下几点是浮动定位中需要记住的:
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.相对定位一个元素,它的子元素会拥有一个处于它本来所在位置的一个包含块。
标签:
原文地址:http://www.cnblogs.com/mingtan/p/5793931.html