固定定位
33.固定定位:
这也是像绝对定位那样,你希望为元素指定一个位置,但这是相对于浏览器窗口的偏移量。
这就产生了一个有趣的效果,无论你怎么划动浏览器的页面,它都会停在哪儿,好多网页有边的广告就是这样的。注在绝对定位的元素会从流中删除,不会影响html中的排版。
<div id="coupon">
<a href="freecoffee.htm" title="click here to get your free coffee">
<img src="images/ticket.gif" alt="Starbuzz coupon ticket">
</a>
</div>
#coupon{
position: fixed; //固定显示
top: 70%;
right: 30px; //这个的左右是浏览器的左右边框,偏移是相当与边框的偏移
} //可以为负,那么显示的部分就有一些出现在屏幕外边去了,
//这样你就只能看到浏览器屏幕内的内容。
#coupon a,img{
border: none;
}
33 相对定位:
这和固定定位最大的不同是它不会从流中删除,html中的元素会围绕着它排版,也就是说它不会遮盖html页面的内容。其它和固定定位其它都相同。它也是按你指定的偏移量。