CSSで特定のブロックを固定するように設定する方法

CSS で特定の div を固定するように設定する方法: 最初に HTML サンプル ファイルを作成し、次に本文に div を定義し、最後に「position:fixed;」などの属性を使用して固定する div を設定します。 。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

css は、特定の div を次のように制御します。修正

これを修正する最も一般的な方法は、位置を調整することです。

ただし、配置するときに注意する必要があります:

① 画面上のどこかに固定したい場合は、固定要素の親要素が body であることを確認してください。

②は幅と高さを設定する固定要素です。

たとえば、次のコードをフッター クラスに追加します。

<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 中国語 Web サイトの他の関連記事を参照してください。