ホームページ > ウェブフロントエンド > htmlチュートリアル > 浮遊疑問を解消_html/css_WEB-ITnose

浮遊疑問を解消_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:19:55
オリジナル
811 人が閲覧しました

りー

当初考えていたのは、1~5の高さが同じでも
1の下に6を並べないといけないのですが、
IE6ではそれが出来ません
解決してください。 。 。


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

先生、コード内でフロートを使用していないのに、なぜフロートをクリアする必要があるのですか?
1 より下の 6 のランキングを達成したいだけの場合は、次のコードを使用できます:

<style>.clearfix:after{   content:".";   display:block;   height:0px;   line-height:0px;   clear:both;   visibility:hidden;   font-size:0px;   }.clearfix{*zoom:1;}</style><div style="width:950px;"><div style="width:190px; height:50px;">1</div><div style="width:190px; height:100px;">2</div><div style="width:190px; height:200px;">3</div><div style="width:190px; height:50px;">4</div><div style="width:190px; height:100px;">5</div><div class="clearfix"></div><div style="width:190px; height:100px;">6</div></div>
ログイン後にコピー

先生、コード内で float を使用していないのに、なぜ float をクリアする必要があるのですか?
1 より下の 6 のランキングを達成したいだけの場合は、次のコードを使用できます:
XML/HTML code?123456789101112131415161718192021