定位

定位:position
手动控制元素在包含块中的精准位置
默认值:static:静态定位(不定位)
relative:相对定位
absolute:绝对定位
fixed:固定定位
一个元素,只要position的取值不是static,认为该元素是一个定位元素
定位元素会脱离文档流(相对定位除外)
一个脱离了文档流的元素:
文档流中元素摆放时,会忽略脱离了文档流的元素
文档流中元素计算自动高度时,会忽略脱离文档流的元素

相对定位:不会导致元素脱离文档流,只是让元素在原来位置上进行偏离。
不会对其他盒子有任何影响

绝对定位:
宽高为auto,适应内容
包含快变化:找祖先元素中,第一个定位元素(一个元素当中只要position取值不为static)
该元素的填充盒子为其包含块,若找不到则整个网页为其包含块

固定定位:
与绝对定位和相对定位,除了包含块不一样,其他 都一样。
包含块:浏览器的可视窗口


定位下的居中:
绝对定位:定宽(高)
将左右距离设置为0 (left right)
将左右margin设置auto

多个定位元素重叠时
设置z-index,通常这个值越大,越靠前
只有定位元素设置z-index有效,可为负数

绝对定位和固定定位元素一定是块盒,且一定不是浮动
当一个元素给他设置浮动与定位,一定是定位元素
没有外边距合并

posted @ 2020-07-24 20:12  颿華正茂  阅读(125)  评论(0)    收藏  举报