margin-left和left
<!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;?margin:0?auto;}
#mainbody{position:relative;?margin-top:15px;}
#left{float:left;??width:110px;?}
#mid{float:left;margin-left:13px;width:650px;border:1px?solid?#999;}
#right{position:absolute;left:792px;border:1px?solid?#999;}
</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{position:absolute;left:792px;border:1px solid #999;}這里margin-left:792px;和left:792px;效果相同，但是意義是不一樣的？對嗎？
2015-08-05
嗯嗯，意義是不一樣的，背后實際也是不一樣的，只是效果一樣而已。用margin-left來把div的位置移動，是增加了盒子左邊的寬度來移動位置的，并且他還在普通文檔流里面。而left呢要配合position:absolute;來用，這個呢，沒有增加盒子的寬度，是直接把盒子向左移動了那么多，而且因為position的屬性值為absolute，所以他脫離了普通文檔流，后面的東西會補上來，簡單來說，這時他和其他的div是不在同一個平面上的了。你在后面再加一個div，調一下格式，就看得出他們的區別了