在CSS中,我們經常需要將元素往左移,這個過程并不難,只需要使用margin-left屬性就可以實現。
/* 將id為box的元素往左移10個像素 */ #box { margin-left: -10px; }
上面的代碼將會把id為box的元素往左移10個像素,如果在該元素原本的位置上加上10像素的右邊距,那么整個元素相對于原先的位置就往左移動了。
當然,我們也可以使用百分比來控制元素的位置。
/* 將class為container的元素往左移20% */ .container { margin-left: -20%; }
上述代碼會把class為container的所有元素往左移動20%的寬度。與像素不同的是,百分比是相對于父元素的寬度來計算的。
除此之外,我們還可以使用相對定位,然后通過left屬性來實現元素的左移。
/* 將id為box的元素相對定位,然后往左移20像素 */ #box { position: relative; left: -20px; }
這段代碼會將id為box的元素相對定位,然后將其左移20像素。相對定位是相對于元素原來的位置進行的定位。
以上是關于CSS往左移的方法介紹,對于其他方向的移動,只需要相應地修改margin或者left屬性即可。
上一篇css當頁面不夠 頁腳
下一篇css當中的用戶代理