我這里的絕對定位為什么不能用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>無標題文檔</title>
<style?type="text/css">
*{margin:0;?padding:0;}
#wrap{width:970px;?【任務1】?margin:0?auto;}
#mainbody{【任務3】position:relative;?margin-top:15px;}
#left{【任務2】width:110px;?float:left;?margin-top:10px;}
#mid{【任務2】width:650px;border:1px?solid?#999;?float:left;?margin:13px;}
#right{【任務3】position:absolute;?top:50px;?border:1px?solid?#999;}<!--這里為什么不能用top屬性，而要用margin-top?-->
</style>
</head>
<body>
<div?id="wrap">
?????<div?id="header"><img?src="http://img1.sycdn.imooc.com//5369cd6e0001a15b09700088.jpg"?width="970"?height="88"?/></div>
?????<div?id="mainbody">
??????????<div?id="left"><img?src="http://img1.sycdn.imooc.com//5369cd0e00011e3901090487.jpg"?width="109"?height="487"?/></div>
??????????<div?id="mid"><img?src="http://img1.sycdn.imooc.com//5369cd3c00013e9e06490439.jpg"?width="649"?height="439"?/></div>
??????????<div?id="right"><p>歡迎使用金山軟件出品的愛詞霸，在線查詢你英語詞匯、句子釋義</p><img?src="http://img1.sycdn.imooc.com//5369cd540001d8e101770329.jpg"?width="177"?height="329"?/></div>
??</div>
</div>
</body>
</html>#right{【任務3】中為什么不能用top屬性，而要用margin-top?
2015-10-30
因為他要產生的是外邊距的效果 ?雖然效果一樣 但是某些方面想表現的就不同了 ?就好比Border-top ?就會在不同的位置