解析css的position裡的relative和absolute的區別

2021-08-13 12:31:05 字數 616 閱讀 5811

1樓:唯美王雅寶達

absolute是絕對定位;而relative是相對定位;

解釋:絕對定位就是相對於父元素的定位,不受父元素內其他子元素的影響;

而相對定位是相對於同級元素的定位,也就是上一個同級元素

2樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

3樓:追憶小土豆

position:absolute這個是絕對定位;

是相對於瀏覽器的定位.

比如:position:absolute;left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置.

position:relative是相對定位,是相對於前面的容器定位的.這個時候不能用top left在定位.應該用margin.

比如:當1固定了位置.1的樣式float:left;width:100px; height:800px;

2的樣式為float:left; position:relative;margin-left:20px;width:50px;

2的位置在1的右邊,距離120px

position屬性值有哪些,css中定位position有哪幾個屬性值?

有以下幾種 1 absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。2 fixed 生成絕對定位的元素,相對於瀏覽器視窗進行定位。元素的位置通過 left top right 以及...

css中字型大小問題css關於字型大小的問題

font有多個屬性,我寫的時候一般就用縮寫 font normal 12px 22px 宋體 這樣 的意思是 字型不加粗專,字屬號是12px,行高是22px,字型是宋體,這樣寫可以節省時間,也可以優化 給css 很方便。如果給當前的標籤加個高為22px,那麼這字就上下居中了。要注意用這樣縮寫的時候一...

body與在Css裡分別代表什麼意思

body是對body物件 樣式的控制,而 則是對所有物件進行樣式的控制專。如果有繼承性的樣式用在屬body和 是一樣的效果,比如說font size,沒有繼承性 的樣式用在body裡只對body有用,而 則所有的物件都應用上了,比如說background color。body在css裡設定就是對頁面...