Css是一種可以通過修改樣式來控制網(wǎng)頁顯示效果的技術(shù)。有時候,我們需要將兩個元素位置進行調(diào)整,這時候,可以通過修改它們的位置屬性來實現(xiàn)。
.element1 { position: absolute; top: 50px; left: 50px; } .element2 { position: absolute; top: 100px; left: 100px; }
上面的代碼中,我們定義了兩個元素的位置。element1 的位置是相對于其最近的 position 屬性為 relative 或 absolute 的父元素定位的,同時距離父元素頂部 50px,左邊 50px。而 element2 距離父元素頂部 100px,左邊 100px。
如果我們想要將它們的位置交換,可以通過修改它們的 top 和 left 屬性來實現(xiàn):
.element1 { position: absolute; top: 100px; left: 100px; } .element2 { position: absolute; top: 50px; left: 50px; }
代碼中,我們將 element1 的位置變?yōu)榱伺c element2 相同,將 element2 的位置變?yōu)榱伺c element1 相同,實現(xiàn)了兩個元素位置的交換。
上一篇mysql日志位置查看
下一篇css修改元素值