為什么margin-top不能用
<!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>無標(biāo)題文檔</title>
<style>
*{margin:0;padding:0}
#box1{width:200px;height:200px;background:red;}
#box2{width:100px;height:100px;background:yellow;margin-top:50px}
</style>
</head>
<body>
<div id="box1">
? ? ? <div id="box2">fsbhsrndtyjntm
? ? ? ?</div>
</div>
</body>
</html>
2017-01-04
<!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>無標(biāo)題文檔</title>
<style>
*{margin:0;padding:0}
#box1{width:200px;height:200px;background:red;position:relative;}
#box2{width:100px;height:100px;background:yellow;margin-top:50px;position:absolute;}
/*你是要這種效果嗎？*/
</style>
</head>
<body>
<div id="box1">
? ? ? <div id="box2">fsbhsrndtyjntm
? ? ? ?</div>
</div>
</body>
</html>
2017-01-04
這段代碼你測(cè)試一下，就是你說的那種效果啊，box2現(xiàn)在距離box1頂部50px，你看下吧
2017-01-04
應(yīng)該加一個(gè)position:absolute 在box2的格式中