固定定位

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页面的内容。其它和固定定位其它都相同。它也是按你指定的偏移量。