課程
/前端開發
/HTML/CSS
/CSS深入理解之margin
div 左浮動已經占滿整行的情況下，圖片為何還能浮動在同一行
2017-10-22
源自：CSS深入理解之margin 5-1
正在回答
這是因為它前面的元素也是浮動，浮動元素為inline-block元素，它們原本就是顯示在一行的。只是因為前面的寬度為100%，被擠到下一行了。而margin-left負值正好使它的位置左移，當完全移出（margin-left為負的width值）就能跑到上面了，你可以看成它的實際占據空間為0
div里面的p元素有個margin-right留出了空間,同時浮動的元素只有空間足夠，會一個跟著一個
是否圖片設置了margin負值，把圖片的實際據的空間改變為0
舉報
本CSS教程帶你深入講解CSS的margin屬性，解決你多年困惑
1 回答對圖片設置絕對定位，上下左右設置0進行拉伸，沒有填滿其父級
2 回答我想用一個div容器來限定圖片的大小，怎么實現
3 回答請問最后一個栗子，為什么不能在<div>里加上padding-right:150px;
3 回答margin: 50px 0; 為何只有上下是50px間距，左右無效果？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<fieldset id="fhxxe"></fieldset>
2020-06-03
這是因為它前面的元素也是浮動，浮動元素為inline-block元素，它們原本就是顯示在一行的。只是因為前面的寬度為100%，被擠到下一行了。而margin-left負值正好使它的位置左移，當完全移出（margin-left為負的width值）就能跑到上面了，你可以看成它的實際占據空間為0
2020-04-27
div里面的p元素有個margin-right留出了空間,同時浮動的元素只有空間足夠，會一個跟著一個
2019-08-25