コードは次のとおりです。 < html xmlns="http://www.w3.org/1999/xhtml"> 無題ドキュメント <br> #con_t{ width:960px; height:auto; background:#CCC スクロール 0 0; margin: 0 auto;padding-bottom:20px;} <br> #con_t .new_list{ width:250px; border:1px; float:left;} <br> </head> ;body> <br> <div id="con_t"> <br> コードを実行した後、IE7 および IE6 で例を表示します。 <br> <br> IE8.0での表示例 <br> <br> <br> お聞きしたいのは。 <br> #con_t{ width:960px; height:auto; background:#CCC スクロール 0 0; margin:0 auto; <br> overflow:hidden; を追加すると、IE7 と IE8 の両方で同じ結果が表示されます。 。明らかに、overflow:hidden; は余分な部分を隠すことです。なぜこの機能が存在するのでしょうか? 》 <br> http://www.viuoo.com/a/DIV/2012_0602_114.html これが元のアドレスです。理解できるよう助けてください。 <br> <br> <br> <br> <br> ディスカッション(解決策)に返信 <br> <br> オーナー これはフローティングをクリアする簡単な方法です、<br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#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