2011-07-05 171 views
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> 

回答

1

,似乎正好是工作,你會怎麼指望它...

http://jsfiddle.net/2wuVx/

也許你並不想使用負保證金?

+0

但它不適用於IE8和Mozilla Firefox 4 –

+0

你有什麼問題?對我們所有人來說都很好。 – jchavannes

+0

雖然我使用明確但是兩個元素都重疊.. –

0

clear意思是「如果前一個元素是浮動的,不要在它旁邊冒泡」。

它並不意味着「總是將此元素渲染到任何以前的元素之下」。

不清除,3會出現在1右邊的點上方40個像素。清楚的是,3出現在1以下的點上方40個像素。

相關問題