[解決済み] Expanding a parent <div> to the height of its children
2022-03-16 06:36:29
Question
I have a page structure similar to this:
<body>
<div id="parent">
<div id="childRightCol">
/*Content*/
</div>
<div id="childLeftCol">
/*Content*/
</div>
</div>
</body>
I would like for the parent
div
to expand in
height
when the inner
div
's
height
increases.
Edit:
One problem is that if the
width
of the child content expands past the
width
of the browser window, my current CSS puts a horizontal scrollbar on the parent
div
. 私は、スクロールバーをページレベルにしたいのです。現在、私の親divは次のように設定されています。
overflow: auto;
この場合のCSSについて、ご教授いただけないでしょうか。
どのように解決するのですか?
親にこれを試してみてください。
overflow:auto;
UPDATEです。
もう1つ、うまくいった解決策を紹介します。
親 :
display: table;
子供 :
display: table-row;
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み】コンテナ要素にフロート要素が含まれる場合、高さが増加しないのはなぜですか?
-
[解決済み】Divの高さが100%で、コンテンツに合わせて拡大される。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
iframeフレームワークの使用
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)