現在は、<dt>にfloat:leftを指定して、.clearを作成し、<div class="clear"></div>で解除しています。
ただ最近floatを頻繁に使うようになり、<div class="clear">が多くなってしまいどうにかならないか探しているところです。
私がやりたい事は、<dl>に直接clear属性を付属できないかです。
これができれば、回り込み解除の指定がいらなくなるので、助かるのですが、<dl>に入れると、<dt>のfloatも解除されてしまいます。
下記がサンプルソースです。
CSS:
dl {clear:both;}
dt {float:left;width:130px;border:solid 1px #CCC;}
HTML
<dl>
<dt>SAMPLE</dt>
<dt>SAMPLE</dt>
<dt>SAMPLE</dt>
</dl>
<p>clearを設置しなくても回り込み解除</p>
これが理想です。
やはり、clearは別で設置しなければならないんでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- その他(プログラミング・Web制作) 物理の斜方投射のシミュレーションにおける位置や速度の単位について 4 2023/05/31 09:50
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- 数学 dl と 、 Δl はどのように違いますか? 2 2022/11/30 15:48
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- その他(プログラミング・Web制作) 物理の斜方投射で目盛りに数値を入れたい 2 2023/05/27 06:32
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
ブロック要素の右下寄せ
-
【CSS】ヘッダーの高さが不明の...
-
カーソルが乗ったときリンクの...
-
CSSがなぜかfont-sizeだけ効か...
-
safariだけ、cssが効きません!
-
widthやheightの数値に単位(px...
-
floatを使ったレイアウトのくず...
-
ボックスの高さがある程度以上...
-
css&html テキストの前に三角...
-
css初心者 フレックスボックス...
-
オンマウスにしたときのborder-...
-
h3タグのCSS装飾
-
h1などの見出しタイトル編集に...
-
IEの場合に、リストに余白がで...
-
CSS:hoverでナビボタンの背景画...
-
Media Queries 4 で 非推奨とな...
-
swfファイルの下に隙間ができる
-
この場合のCSSの記述を教えてく...
-
firefoxで部分的に背景色が反映...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
css初心者 フレックスボックス...
-
余分な縦スクロールバーが出て...
-
CSS:animation開始位置の設定
-
W3Cのソースコードの検証サービ...
-
form input テキストを上下中央...
-
スクロールボックスを中央に配...
-
CSSでボックスのheightが0になる
-
【CSS】ヘッダーの高さが不明の...
-
表示倍率を変えるとレイアウト...
-
Media Queries 4 で 非推奨とな...
-
div領域をウインドウサイズに合...
-
CSS(0の単位)について
-
divで囲まれたpaddingの指定を...
-
中点「・」の改行について
-
【HTML】【CSS】【Swiper】 元...
おすすめ情報