如何使用CSS 定位 (Positioning)
的有关信息介绍如下:我们在用CSS工具进行网页的制作的时候,时不时会遇到这个CSS 定位的问题,其实,这个定位也没有想像的那么复杂,如果元素在网页里面是一个个的块,那么它们的位置就是固定的,就是可以定位的。比如
相对定位。我们的这个定位并不给出一个具体的位置,它是相对于默认位置而给出的一个相对的结果。
h2.pos_left
{
position:relative;
left:-20px
}
h2.pos_right
{
position:relative;
left:20px
}
绝对定位。有了相对的定位之后就有绝对的定位,这个位置一定是有数值的。
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
固定定位。这个就是相对于一个浏览器的窗口进行的定位。
p.one
{
position:fixed;
left:5px;
top:5px;
}
p.two
{
position:fixed;
top:30px;
right:5px;
}
让一个图像的定位成为固定值的形式。
img
{
position:absolute;
top:0px
}
用一个百分比来固定图像的位置。
img
{
position:absolute;
top:5%
}
让图像的底部位于窗口的最下端。
img
{
position:absolute;
bottom:0px
}
通过定位来剪裁图像的大小。
img
{
position:absolute;
clip:rect(0px 50px 200px 0px)
}