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