<!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>測試浮動</title>
<style type="text/css">
.wrapper{width:520px; background-color:#FFCCFF; float:left;}
.top{width:520px; background-color:#CCFFFF;}
.top dl{510px;}
.top dl dd{width:200px;margin-left:10px; margin-top:10px;}
.nexttop{ width:520px;margin-top:20px; float:left;background-color:#66FFFF;}
</style>
</head>
<body>
<div class="wrapper">
<div class="top">
<dl>
<dd>若不浮動會是怎麼樣的效果</dd>
<dd>好像dl dd 不受浮動影響</dd>
</dl>
</div>
<div class="nexttop">下半部分,不浮動,沒有所謂的margin</div>
<div>啥也沒有 在沒有浮動的情況下,使用外部的顏色</div>
</div>
</body>
</html>
做了個小測試,<div>在不浮動的情況下,margin-top,margin-bottom,不起作用
但是<dl>下的<dd>標籤,不受浮動的影響,沒有浮動的情況下,margin-top,margin-bottom,照樣起作用