小編給大家分享一下css實(shí)現(xiàn)固定定位的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)公司專注于晉安網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供晉安營(yíng)銷型網(wǎng)站建設(shè),晉安網(wǎng)站制作、晉安網(wǎng)頁設(shè)計(jì)、晉安網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù),打造晉安網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供晉安網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
把box2設(shè)為固定定位:
<!DOCTYPE html>
<html dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>定位</title>
    <style media="screen">
 
      .box1{
        width:100px; 
        height: 100px;
        background-color: rgb(184, 208, 162);
      }
      .box2{
            width:100px;
            height: 100px;
            background-color: rgb(231, 223, 143);
            position:fixed;
            left: 100px;
            top:  100px;
      }
      .box3{
        width:100px;
        height: 100px;
        background-color: rgb(188, 211, 213);
      }
      span{
        background-color: rgb(209, 198, 209);
      }
    </style>
  </head>
  <body>
   <div>
    <div>
    </div>
    <div>
      <div>
      </div>
    </div>
    <span>span元素</span>
   </div>
  </body>
</html>輸出:
固定定位永遠(yuǎn)都會(huì)相對(duì)于瀏覽器窗口進(jìn)行定位;
固定定位會(huì)固定在瀏覽器窗口某個(gè)位置,不會(huì)隨滾動(dòng)條滾動(dòng);

看完了這篇文章,相信你對(duì)css實(shí)現(xiàn)固定定位的方法有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
                文章題目:css實(shí)現(xiàn)固定定位的方法
                
                分享路徑:http://www.yijiale78.com/article22/pchscc.html
            
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)