コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <title>トップ固定</title> <スタイル タイプ="text/css"> html、本文 {オーバーフロー:hidden;マージン:0px;幅:100%;高さ:100%;} .virtual_body {幅:100%;高さ:100%;オーバーフローy:スクロール;オーバーフローx:自動;} .fixed_div {位置:absolute;z-index:2008;上:0px;左:0px;右:16px;高さ:40px;背景:#CCCCCC;境界線下部:3px インセット;境界線の色:#006699; //下:20px; //border:1px 実線赤; //境界線スタイル:インセット; //半透明効果の演出 //フィルター:アルファ(不透明度=50); //-moz-不透明度:0.5; //不透明度:0.5; //背景:#666666; } </スタイル> </head> <本文> <div class="fixed_div"><font color="red">鄭州大学</font></div> <div class="virtual_body"> <div style="height:888px;"> <p> さようなら、必ずまた会いに来ます! </div> </div> </本文> </html> 効果図は以下のとおりです。 ![]() |
<<: フレックスレイアウトの改行スペースでの align-content の使用
目次MySQL 5.6以前MySQL 5.6以降要約する知らせMySQL 5.6以前更新手順元のテー...
この記事は 123WORDPRESS.COM Lightning によるオリジナルです。転載する際に...
Docker は、次の CentOS バージョンでの実行をサポートしています。 • CentOS 7...
目次1. Redis Dockerベースイメージを作成する2. Redisノードイメージを作成する3...
スタートアップ企業は、型破りな仕事のやり方、ユニークなビジネスモデル、特徴的な製品やサービス、パーソ...
インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...
この記事では、期間限定フラッシュセール機能を実装するためのJavaScriptの具体的なコードを参考...
reduceメソッドは配列の反復メソッドです。 mapやfilterとは異なり、 reduceメソッ...
クリックして画像を切り替えることは、日常生活で非常によく行われることです。今日の練習は、画像を切り替...
1. どの 3 つの形式ですか?それぞれ、gif、jpg、png です。画像ファイルを最適化すること...
xshellを使用してLinuxに接続する利点Windows環境でLinuxを直接操作できるインター...
CSS3 では画像の色を変更できます。これからは複数の絵をデザインする必要がなくなり、いつでも修正で...
この記事では主に、MySQL でテーブルを削除する 3 つの操作、つまり delete ステートメン...
1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...
CSS は div にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...