首頁  >  文章  >  web前端  >  css屬性相對定位,絕對定位,固定定位

css屬性相對定位,絕對定位,固定定位

不言
不言原創
2018-05-03 14:49:432147瀏覽

這篇文章主要介紹了關於css屬性相對定位,絕對定位,固定定位,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

定位

1. 相对定位(position:relative)
    即相对于自己原先的位置定位,当盒子移动之后,原先的位置依然在存在
2. 绝对定位(position:absolute)
    默认是以body为基准定位,如果父级设置为相对定位之后,子元素的绝对定位就会以父级为起点.    定位之后能够设置框高
3.  固定定位(position:fixed)
    即相对于游览器定位,永远固定在用户的可视范围内
4. 定位方向冲突
    水平冲突(即left和right都设置),先执行left的设定
        垂直冲突,值执行top的设定.

           


#

以上是css屬性相對定位,絕對定位,固定定位的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn