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

WBOY
WBOYオリジナル
2016-06-24 12:19:55802ブラウズ

りー

当初考えていたのは、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?1234567891011121314151617181920218b05045a5be5764f313ed5b9168a17e6100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30eb2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f c9ccee2e6ea535a969eb3f532ad9fe89 .container{position:relative; } …

追加するのを忘れていました

追加後の状況は、私の 1L が言ったことと同じです

別のアプローチを取る必要がありますか?

<!DOCTYPE html><html><head><title></title><style>	.container{ position:relative; }	.container div{float:left; border:1px solid; }    #inner6{position:absolute;left:0;top:50px;}</style>	</head><body><div class="container" 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 id="inner6" style="width:190px; height:100px;">6</div></div></body></html>

clearfix は LZ が使用するものではありません。

clearfix の使用法: 子要素がフローティングの場合、親レイヤーのフロートをクリアします。つまり、親レイヤーにclearfixを追加して、f75b3b31bb9e1aacf597fc0293700d1b6 は 1 未満になります。

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