CSSで特定のブロックを固定するように設定する方法-フロントエンドQ&A-php.cn

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

藏色散人

リリース： 2023-01-03 09:31:03

オリジナル

2256 人が閲覧しました

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

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

この記事の動作環境: 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 サイトの他の関連記事を参照してください。