大家知道CSS相對定位實例技巧嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。
<html>
<head>
<style type="text/CSS">
h2.pos_left { position:relative; left:-20px }
h2.pos_right { position:relative; left:20px }
</style> </head>
<body> <h2>這是位於正常位置的標題</h2>
<h2 class="pos_left">這個標題相對於其正常位置向左移動</h2>
<h2 class="pos_right">這個標題相對於其正常位置向右移動</h2>
<p>相對定位會按照元素的原始位置對該元素進行移動。</p>
<p>樣式 "left:-20px" 從元素的原始左側位置減去 20 像素。
</p>
<p>樣式 "left:20px" 向元素的原始左側位置增加 20 像素。
</p>
</body>
</html>
相信大家已經學會CSS相對定位實例技巧了吧!感謝大家對我們網站的支持!
相關推薦:
divcss怎樣控制大圖片的網頁寬度呢