CSSレイアウトのオーバーフロー非表示の説明がわかりません。 _html/css

コードは次のとおりです。 無題ドキュメント #con_t{ width:960px; height:auto; background:#CCC スクロール 0 0; margin: 0 auto;padding-bottom:20px;} #con_t .new_list{ width:250px; border:1px; float:left;} ;body> コードを実行した後、IE7 および IE6 で例を表示します。

IE8.0での表示例

お聞きしたいのは。 #con_t{ width:960px; height:auto; background:#CCC スクロール 0 0; margin:0 auto; overflow:hidden; を追加すると、IE7 と IE8 の両方で同じ結果が表示されます。 。明らかに、overflow:hidden; は余分な部分を隠すことです。なぜこの機能が存在するのでしょうか? 》 http://www.viuoo.com/a/DIV/2012_0602_114.html これが元のアドレスです。理解できるよう助けてください。

ディスカッション（解決策）に返信

オーナー これはフローティングをクリアする簡単な方法です、 无标题文档 #con_t{ width:960px; height:auto; background:#CCC scroll 0 0; margin:0 auto; padding-bottom:20px;}#con_t .new_list{ width:250px; height:220px; border:1px #3F0 solid; float:left;} new_list ログイン後にコピー

詳しくは、こちらをご覧ください http://www.zhangxinxu.com/wordpress/2010/01/ %e5%af %b9overflow%e4%b8%8ezoom%e6%b8%85%e9%99%a4%e6%b5%ae%e5%8a%a8%e7%9a%84%e4%b8%80%e4 %ba%9b %e8%ae%a4%e8%af%86/ その他の方法については、 http://www.qianduan.net/universal-to-remove-floating-style.html を参照してください 元の投稿者 これはフローティングをクリアする簡単な方法です、 HTML コード

勉強になりました、とても便利です

CSSレイアウトのオーバーフロー非表示の説明がわかりません。 _html/css_WEB-ITnose