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

<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 の高さをそれらのいずれかの高さにするにはどうすればよいですか

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

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

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

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

c7e7f72b1c7ba3b7f0c910093096f1c2

d981bc95ff66b5e055685a97dd79db7b16b28748ea4df4d9c2150843fecfba68

bd425883a0c66a73938b72e5b2bc0a6216b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68


c7e7f72b1c7ba3b7f0c910093096f1c2

f17c116b077c56d448611b5d078870a516b28748ea4df4d9c2150843fecfba68

c58e40f3f1b91b105a82aea7742a3adb16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68

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

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

4791ad3a185ba67a3fe88db0e667b47d16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68

01a1c57f80a0eb628c3037dc9581c56d

983f6dfd19e5c6e44486bdef44b3224a16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68

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

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

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

html,body{ height:100%;}

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

0e6cf1327cc8bb8c5bcfebebed09772716b28748ea4df4d9c2150843fecfba68
c3b90ef277fc36c72f60034545a0144216b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

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

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。