課程
/前端開發
/HTML/CSS
/網頁布局基礎
aboslute不是脫離文檔流嗎？margin-left怎么會起作用呢？
2016-01-18
源自：網頁布局基礎 4-4
正在回答
應該不推薦在這里用margin-left吧，直接用left不就好了
http://leyteris.iteye.com/blog/826932
“可以看到它是根據未用position定位的父級元素的邊界進行margin定位的?！?/p>
用margin-left來把div的位置移動，是增加了盒子左邊的寬度來移動位置的，并且他還在普通文檔流里面。而left呢要配合position:absolute;來用，這個呢，沒有增加盒子的寬度，是直接把盒子向左移動了那么多，而且因為position的屬性值為absolute，所以他脫離了普通文檔流，后面的東西會補上來，簡單來說，這時他和其他的div是不在同一個平面上的了。你在后面再加一個div，調一下格式，就看得出他們的區別了.
轉載請見諒。慕課網同學的回答
Maxmengt
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-19
應該不推薦在這里用margin-left吧，直接用left不就好了
2016-01-31
http://leyteris.iteye.com/blog/826932
“可以看到它是根據未用position定位的父級元素的邊界進行margin定位的?！?/p>
2016-01-18
用margin-left來把div的位置移動，是增加了盒子左邊的寬度來移動位置的，并且他還在普通文檔流里面。而left呢要配合position:absolute;來用，這個呢，沒有增加盒子的寬度，是直接把盒子向左移動了那么多，而且因為position的屬性值為absolute，所以他脫離了普通文檔流，后面的東西會補上來，簡單來說，這時他和其他的div是不在同一個平面上的了。你在后面再加一個div，調一下格式，就看得出他們的區別了.
轉載請見諒。慕課網同學的回答