Question

当我使用保证金顶部时，为什么使用clear不适用于此？

<!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>

Answer 1

似乎正在按照你期望的方式......

http://jsfiddle.net/2wuVx/

也许你不是故意使用负边际？

Answer 2

clear表示“如果前一个元素浮动，请不要在它旁边冒泡”。

这并不意味着“始终将此元素呈现在任何先前元素之下”。

如果不清楚，3会出现在1右侧点之上40像素的位置。如果清空，则3显示在1以下的点上方40像素。

为什么明确不适用于这种情况？

2 个答案: