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

2021-08-13 12:30:00 字數 616 閱讀 5056

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

css裡怎麼讓input全靠左啊

2 在index.html中的標籤中,輸入css input。3 瀏覽器執行index.html頁面,此時實現input輸入框全靠左。涉及到input裡的文字的標籤大致有兩種 文字框和按鈕,即 這兩種input標籤屬於 行內塊元素 它既按照塊元素顯示外觀,又按照行內元素排列,所以想調整其內部的文字位...

css同div裡怎麼用不同的文字樣式

你的css樣式寫法有誤 建議不要用 這樣的寫法 給ul一個單獨的class建議你給你需要樣式字型之間用 span或者 h1 h6樣式 然後在css樣式裡定義不同的語法 如 asd qwe像這樣就可以了css也簡潔明瞭,養成良好習慣,對以後會有很多好處 css檔案裡的 是要在首頁或者其他頁面呼叫的,只...

如何在css中加入js呢,html 裡的css 和Js 的程式碼怎麼插入?

css是樣式表,js是事件效果,這兩個根本就不是一個東西,style是新增樣式的,script是新增js的,只能說你的想法很奇葩,那樣實現不了。js裡面可以新增css,但是反過來的我還沒見過,貌似看到過在css裡面引入js檔案的,但是直接寫 的是沒有。把上面的 加到html裡面就行了 scripts...