html+css中定位对象

版权声明:欢迎阅读,有误请指正,转载请申明。 https://blog.csdn.net/wx1995sss/article/details/85196504

定位有四种:默认位置(static),相对定位(position:relative;),绝对定位(position:absolute;),固定定位(position:fixed;)。
定位用法简单明了,不过定位对象可能存在混淆的情况,以下总结:
相对定位相对于文本流中元素定位前所在的位置
固定定位相对于浏览器窗口,即html元素,而非body,此时脱离文本流;
绝对定位相对于第一个有定位的祖先级元素,即父元素有定位则相对于父元素,父元素没有则一直向上祖先元素追溯,若结构中均无定位则相对于html定位,注意!不是body。

猜你喜欢

转载自blog.csdn.net/wx1995sss/article/details/85196504