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