2011-07-05 126 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个像素。

相关问题