定位屬性left,right,top,bottom

2022-08-21 22:27:11 字數 340 閱讀 8316

1.官方解釋

left: 設定定位元素左外邊距邊界與其包含塊左邊界之間的偏移。(該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移,下面也差不多。。)

right: 設定定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

top: 設定定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

bottom: 設定定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

2.個人理解

eg:img  如果去掉position:absolute,則left失效。對float:left這種浮動元素也是失效,反正就是定位了才讓用哈。

(這個是因為把上下左右都設為0,就扯大了?)

定位屬性position,相對定位,絕對定位

在css中關於定位的內容是 position relative absolute static fixed static 自動定位,自動定位就是元素在頁面普通文件流中由html自動定位,普通文件裡中的元素也稱為流動元素。不能通過z index進行層次分級。relative 相對定位,相對定位不脫離文...

position定位屬性

position定位屬性設定值 absolute 絕對定位 脫離原普通流 依據父級 祖先級元素的位置進行定位 如果沒有父級元素,則參照body進行定位 relative 相對定位 相對於原位置的定位,仍然佔據原先普通流的位置 static 元素框正常生成。塊級元素生成乙個矩形框,作為文件流的一部分,...

CSS定位屬性

position 把元素放置到乙個靜態的 相對的 絕對的 或固定的位置中。top定義了乙個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。right 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。left 定義了定位元素左...