小粋空間: CSS の after 擬似要素で回り込みを解除する

float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します（通常の解除方法も併せて掲載しています）。 １．「回り込み」とは 例えば、画像の左（または右）にテキストを表示することを「（テキストの）回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト～（略）～回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト （X）HTMLでこのような表示を行う場合、先に出現する要素（ここでは img 要素）に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

[mugi_chan1020]

CSSハック。floatの周り込みを解除する方法

[hulagirl_aloha]

ＣＳＳ

[cnosuke]

Send from iPhone.

[sisicom]

Floatプロパティの制御。

[bleu-bleut]

floatプロパティ

[jaga291]

擬似要素

[s_takahiro116]

フロートで高さが必要なとき

[twocansofbeans]

フロートで回り込みを解除する方法　.fbox:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

[shushoku_maruji]

floatによるバグを解消する方法

[riririnana]

floatを使用したけどバグを解除したい

[takarakuda]

擬似要素で回り込みを解除

[tyru]

使いやすそう

[yukiasiam]

after

[tomohiro0124]

cssのafter擬似要素で回り込みを解除する

[poohkuma]

after疑似要素

[shu_ohm1]

floatの解除

[labocho]

clear both after

[mmiyuki]

floatをつかったときに下に下線を引くときにつかう。クリアーハックとゆう。

[keikoyamada1223]

高さを自動的に取得する

[q909p]

cFixの解説

[zaitakujin]

CSSのテクニック

[Tech4Learning]

[][float][tips][*web制作][お役立ち]

[Santamaria_morishi]

after疑似要素での回り込み解除

[sw_lucchini]

<br clear="all">を使わないで済む

[locomo07]

メモ2

[franz_liszt]

回り込み解除方法

[ladybug_1103]

....CSSで回り込み解除の基本形っぽい

[kwry]

[html/css]

[Enri]

floatの回り込み解除。バグを利用。

[lordkf]

IE6でも「裏技」を使えば出来るようです。