亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

CSS定位

CSS定位

position:元素定位方式,取值static、fixed、relative、absolute

  • static:靜態(tài)定位(默認狀態(tài)、不定位)。

  • Fixed:固定定位。

  • Relative:相對定位。

  • Absolute:絕對定位。

定位方式,要與定位屬性配合使用

定位坐標:指定定位的元素,偏移目標元素多遠的距離。

  • left:定位元素,距離目標元素左邊的距離。

  • top:定位元素,距離目標元素上邊的距離。

  • right:定位元素,距離目標元素右邊的距離。

  • bottom:定位元素,距離目標元素下邊的距離。


固定定位,position:fixed

  • 固定定位,是相對于瀏覽器窗口來進行的定位。

  • 固定定位,不占空間,層級要高于普通元素。它不會隨著網(wǎng)頁的滾動而滾動。

  • 如果不指定定位坐標的話,固定定位元素的位置在原地不動。

  • 固定定位元素,一定是“塊元素”,不管原來它是什么元素。

相對定位,position:relative;

  • 相對定位,是相對于“原來的自己”進行定位。

  • 相對定位,依然占空間,層級高于普通元素。

  • 如果不指定定位坐標的話,相對定位元素的位置在原地不動。

  • 相對定位,原來是行內(nèi)元素,定位后還是行內(nèi)元素;原來是塊元素,定位后還是塊元素。

 

注:相對定位和絕對定位,一般情況下是配合使用。


絕對定位,position:absolute

  • 相對于祖先定位元素(相對定位,絕對定位),來進行的定位。

  • 如果它的父元素沒有進行任何定位的話,再往上找定位元素。

  • 如果一直找到<body>都沒有找到定位元素的話,那就相對于<body>來進行定位。

  • 絕對定位元素,不占空間,層級要高于普通元素。

  • 如果不指定定位坐標的話,絕對定位元素的位置在原地不動。

  • 絕對定位元素,是一個“塊元素”。

Weiter lernen
||
einreichenCode zurücksetzen