【CSS】floatで段組を作る方法は？
<html>
<head>
</head>
<body>
<div style="background:Yellow; float:left; width:8em;">
Yellow
</div>
<div style="border:1px solid;">
この枠がYellowの下にも入り込んでしまう
</div>
<div style="clear:both;">
</div>
<br />
table
<table width="100%">
<tr>
<td style="background:Yellow; width:8em;">
Yellow
</td>
<td style="border:1px solid;">
こうしたいです
</td>
</tr>
</table>
</body>
</html>
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
さとえ
満足70pt
これで どうでしょうか？
IE6とFirefox2では確認済みです。
<div style="border:1px solid;display:table;_width:100%;"> この枠がYellowの下にも入り込んでしまう </div>
-
nannde
-
nanndeその他の回答
-
pahoo
0pt
margin と padding を適用してはどうでしょうか。
下記参照。
<div style="background:Yellow; float:left; width:8em; margin:1px;"> Yellow </div> <div style="border:1px solid; padding:1px;"> この枠がYellowの下にも入り込んでしまう </div>
-
nannde
-
まだオープンされてない回答
この質問へのコメント
質問の情報
- 登録日時
- 2009-06-23 13:03:23
- 終了日時
- 2009-06-23 14:42:35
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
この枠がYellowの下にも入り込んでしまう
</div>