ホームページ > 記事 > ウェブフロントエンド > CSSレイアウトのオーバーフロー非表示の説明がわかりません。 _html/css_WEB-ITnose
CSSレイアウトのオーバーフロー非表示の説明がわかりません。 _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:12:061139ブラウズ
コードは次のとおりです。
340c751c9d1fed45028dd662187b765c
699fe6c623a564d594cbaa6898576330
b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
#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;}
9c3bca370b5104690d9ef395f2c5f8d1 ;body>
dfa581255161b5b58261fb49dd7fae33
コードを実行した後、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 これが元のアドレスです。理解できるよう助けてください。
ディスカッション（解決策）に返信
オーナー これはフローティングをクリアする簡単な方法です、
<!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;}</style></head><body><div id="con_t"><div class="new_list">new_list</div><div style="clear:both;"></div></div></body></html>
詳しくは、こちらをご覧ください 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 コード
7e6d5e3f93aa6b1f5e4d9497f60e7cc9
68ccb177a5de0ef9542dde7d35bae727
be5c69229bee688061507a227368ed8b
880f76c0f4832a2d15bc94751c59c070
56c5d334198039483265786248524197 16b28748ea4df4d9c2150843fecfba68