zoukankan      html  css  js  c++  java
  • 固定定位

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

    自己选的路,跪着也要把它走完------ACM坑
  • 相关阅读:
    第三方模块加载时出现XXX运行 提示错误:无法加载文件 C:UsersgxfAppDataRoaming pmXXX.ps1,因为在此系统上禁止运行脚本。
    node模块化
    前端面试集锦
    将字符转换成驼峰表示法
    JavaScript数据处理
    大数据基础整合
    移动端网页特效
    本地存储
    DOM重点核心
    触发器SQL
  • 原文地址:https://www.cnblogs.com/IKnowYou0/p/6078941.html
Copyright © 2011-2022 走看看