相對定位:relative; 絕對定位:absollute; 固定定位:fixed;
先定位兩個塊
如果想調整小框或大框的位置,我們可以利用相對定位position:relative和絕對定位pozation: absolute,
我這裡給的是小框相對於大框bottom:0; left:0;這裡根據你對框位置的需要來寫屬性有:top bottom left right z-index(z-index是是對框上下位置的調整,也就是z軸的座標位置)
top是相對於相對位置的距離上邊的距離,其他的幾個屬性類同。
固定定位在瀏覽器中是不隨滾動條動的,也就是說它的位置是固定不變的。
絕對定位和相對定位
換了乙個新工作,一上來就是改前台web頁面之類的東西,工作這麼久以來web css之類的只是皮毛級應用,知之勝少,搞乙個css定位之類的東西還讓我費了好大一番勁,丟人啊。研究了以下,稍微總結一下吧。絕對定位和相對定位 這裡以div容器為例 1 相對定位 元素框偏移某個距離。元素仍保持其未定位前的形狀...
相對定位和絕對定位
相對定位和絕對定位 定位標籤 position 包含屬性 relative 相對 absolute 絕對 1.position relative 如果對乙個元素進行相對定位,首先它將出現在它所在的位置上。然後通過設定垂直或水平位置,讓這個元素 相對於 它的原始起點進行移動。再一點,相對定位時,無論是...
絕對定位和相對定位
css的相對定位和絕對定位 通常情況下,我們元素的position屬性的值預設為static 就是沒有定位,元素出現在正常的文件流中,這個時候你給這個元素設定的left,right,bottom,top這些偏移屬性都是沒有效果的,不會生效,比如你設定乙個距離左邊距偏移100px的宣告 left 10...