定位概览:
定位有许多种,其中最常用的是相对定位、绝对定位、粘性定位和固定定位,学好定位对于我们的网页布局是必不可少的,定位可以帮助我们对网页的布局进行调整,并让我们的元素到达我们所需要的理想位置。
定位案例:
有关定位的部分代码如下:
相对定位:
<style>
h2.pos_left
{
position:relative;
left:-20px;
}
h2.pos_right
{
position:relative;
left:20px;
}
</style>
绝对定位:
<style>
h2
{
position:absolute;
left:100px;
top:150px;
}
</style>
粘性定位:
<style>
h2
{
position:absolute;
left:100px;
top:150px;
}
</style>
固定定位:
<style>
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}
</style>
定位感悟:
定位在网页布局中是运用最多的,只有将定位的知识牢牢掌握,并不断地复习和巩固,才可以进一步提升自己的能力,让自己的网页布局能力更加强大。