HTMLでは、div内のコンテンツが次のサイズを超えたときに自動的にスクロールバーが表示されるように設定します。

HTMLでは、div内のコンテンツが次のサイズを超えたときに自動的にスクロールバーが表示されるように設定します。
HTML ページでは、div 内のコンテンツが制限を超えた後に自動的にスクロール バーを表示する必要がある場合があります。次のように設定できます。

コードをコピー
コードは次のとおりです。

<div class="classlist">
<div class="autoScroll">
<asp:RadioButtonList ID="rblClasses" runat="server" DataTextField="className" DataValueField="classID"
フォアカラー="#FF4040">
</asp:ラジオボタンリスト>

<asp:ImageButton ID="imgSure" runat="server" ImageUrl="~/images/c_sure.jpg" />
<asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/images/c_close.jpg" />
</div>
</div>

次に、スタイルを次のように設定します。

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
.クラスリスト
{
幅: 300ピクセル;
高さ: 20px;
}
.自動スクロール
{
幅:300ピクセル;
高さ:100px;
オーバーフロー:自動;
}
#rblクラス
{
左マージン: 20px;
}
</スタイル>

設定後、ラジオボタンに表示されるコンテンツが最も外側のdivを超えると、スクロールバーが自動的に表示されます。つまり、ネストされたdivです。

<<:  初心者向けウェブサイト構築チュートリアルの概要

>>:  Vueでeslintを使用する方法の詳細な説明

推薦する

Nginx プロキシ転送構成を通じてクロスドメイン API プロキシ転送を実装する方法

序文WEB 開発では、クロスドメイン リクエストが頻繁に発生します。クロスドメインの問題を解決する方...

nginxリバースプロキシを使用するときに長時間接続を維持する方法

・【シーン説明】 HTTP1.1 以降、HTTP プロトコルは永続的な接続 (長い接続とも呼ばれます...

Vue2.0でデータの双方向バインディング機能をjsを使って実装する

Object.definePropertyの理解文法:オブジェクト.defineProperty(o...

MySQL 全文あいまい検索 MATCH AGAINST メソッドの例

MySQL 4.x 以降では、全文検索 MATCH ... AGAINST モード (大文字と小文字...

CSS のサイズ単位についての簡単な説明

ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...

見落とされがちなMETAタグの特殊効果(ページ遷移効果)

Web デザインで js を使用すると、多くのページ効果を実現できますが、HTML タグの META...

Mac でソースコードから MySQL 5.7.17 をコンパイルしてインストールするチュートリアル

1. ダウンロードして解凍します: /Users/xiechunping/Softwares/mys...

MySQL 高可用性クラスタの展開とフェイルオーバーの実装

目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...

DockerコンテナのIPアドレスを取得する方法の詳細な説明

1.コンテナに入った後 /etc/hosts を cat するコンテナ自体の IP アドレスと (-...

バッチモードでtopコマンドを実行する方法

top コマンドは、Linux システムのパフォーマンスを監視するために誰もが使用している最適なコマ...

nginx リバース プロキシの魔法のスラッシュについての簡単な説明

nginx リバース プロキシを設定する場合、location と proxy_pass のスラッシ...

Linux で複数のファイルの名前を一括で変更する方法

Linux では、通常、ファイルの名前を変更するために mv コマンドを使用します。これは、単一のフ...

意外と知らないLinuxのSSHコマンドの使い方7選を徹底解説

システム管理者は複数のサーバーを同時に管理する場合があり、これらのサーバーは異なる場所に配置されてい...

Ubuntu で VIM を C++ 開発エディタとして設定する

1. 設定ファイルをユーザー環境にコピーし、新しい.vimフォルダを作成し、バンドルサブフォルダを作...