ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の高さ 100% に関する小さな問題_html/css_WEB-ITnose

CSS の高さ 100% に関する小さな問題_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-06-21 09:00:07
オリジナル
1279 人が閲覧しました

<div style="overflow:hidden;">    <div style="height:50px;float:left;width:100px;background:#CCC;"></div>    <div style="height:100%;float:left;width:100px;background:#808080;"></div></div>
ログイン後にコピー

2 番目の div の高さを自動的に 100% にできないのはなぜですか?
並列 div の高さをそれらのいずれかの高さにするにはどうすればよいですか


ディスカッションへの返信 (解決策)

初心者、どうすれば実現できますか?

初心者、どうすれば実装できますか? 🎜>

意味が分からないようです




< div スタイル ="高さ: 100%;浮動小数点:左;幅:100px;背景:#CCC;">



非常に良いですが、これには問題があります。つまり、幅が適切ではありません。修正されている場合、これは不明です

高さを調整できない場合は、最小の高さを使用して最初の DIV の高さを設定し、次に 2 番目の DIV の高さを設定してみてください。最初の DIV を 2 番目の DIV の上に浮かせたい場合は、絶対配置を使用する必要があると思います。目的があまり明確ではなく、よくわかりません
;">




display:table-cell; を追加、float:left; を削除

style="height:100%; float:left;width:100%; 同じになるようにしてください

これを追加してみてください Like:

html,body{ height:100%;}

投稿に時間がかかってしまい申し訳ありません




display: table-cell; を追加し、float:left; を削除しました

これで確かに効果が得られます。ありがとうございます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート