css怎麼設定某一塊固定

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

本文操作環境：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中文網其他相關文章！