Q

この場合、なぜクリアは適用されませんか？

html
css

2011-07-05 8 views 0 likes

0

なぜマージントップを使用しているときにクリアを使用しないのですか？この場合、なぜクリアは適用されませんか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
#t1{float:left;border:#000 thin groove;width:200px;} 
#t3{float:left;border:#000 thin groove;width:200px;clear:both;margin-top:-40px;} 
</style> 
</head> 

<body> 
<p id="t1">This is child 1</p> 
    <p id="t3">This is child 3</p> 
</body> 
</html>

2011-07-05 Vimal Basdeo

A

答えて

1

おそらく、あなたが負のマージンを使用することを意味するものではありませんでした？

http://jsfiddle.net/2wuVx/

...あなたはそれを期待する方法を正確に動作しているようですか

2011-07-05 06:11:00 jchavannes

+0

IE8とMozilla Firefox 4では動作しません –

+0

あなたはどんな問題を抱えていますか？私たち全員にうまく見えます。 – jchavannes

+0

クリアを使用していますが、両方の要素が重なっています。 –

0

clearは、「前の要素が浮動している場合は、その要素の横に泡立たせない」ことを意味します。

「この要素を常に以前の要素の下にレンダリングする」という意味ではありません。

3は、1の右側の40ポイント上に表示されます。クリアで、3は1の下の40ピクセル上に現れます。

2011-07-05 06:13:19 Quentin

関連する問題