css怎麼設定某一塊固定

藏色散人
發布: 2023-01-03 09:31:03
原創
2271 人瀏覽過

css設定某一塊div固定的方法:先建立一個HTML範例檔;然後在body中定義一個div;最後透過「position: fixed;」等屬性設定該div固定不動即可。

css怎麼設定某一塊固定

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

css控制某個div固定不動

固定最常用的方法就是對其進行定位。

但在定位的時候需要注意:

①如果想固定在螢幕的某處,那麼確定被固定的元素的父元素是body;

②為固定元素設定寬高。

例如為你的footer的class加上以下程式碼:

<style type="text/css">
    .shopping_cart {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #eee;
        z-index: 10;
    }
</style>
登入後複製

如頂部固定不動 

<style type="text/css">
  .editFrom {  ----div的选择器
    position: fixed; ----position样式
    left: 0; 
    top: 0; 
    width: 100%;
    height: 30%;  ---div占用位置的高度
    background: #eee;
    z-index: 10;--折叠级别
  }
</style>
登入後複製

【推薦學習:css影片教學

以上是css怎麼設定某一塊固定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!