css相對(duì)定位
代碼
<html>
<head>
<style type="text/css">
h2.left{position:relative;
left:-100px;
}
h2.right{position:relative;
left:300px;
}
</style>
<body>
<h2>這是位于正常位置的標(biāo)題</h2>
<h2 class="left">這個(gè)標(biāo)題相對(duì)于其正常位置向左移動(dòng)</h2>
<h2 class="right">這個(gè)標(biāo)題相對(duì)于其正常位置向右移動(dòng)</h2>
</body>
</html>
學(xué)習(xí)感悟
position:relative;
left:-100px;
其中position:relative;表示采用相對(duì)定位的方式,-100px表示相對(duì)于原來(lái)的位置向左移動(dòng)100px,100px自然就是向右移動(dòng)了。