課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之margin
請(qǐng)問寬度2:1那個(gè)到底怎么實(shí)現(xiàn)?
2016-08-17
源自:CSS深入理解之margin 2-1
正在回答
box 是外層的伸縮框
inner是帶有背景色的自適應(yīng)矩形
inner里面的空div 設(shè)置margin: 50%;
inner的overflow: hidden;是關(guān)鍵? 防止最里面的div的margin穿透 這樣才能把inner撐開? 顯示背景色
最里面的空div左右margin: 50%;把水平方向撐開
上下margin: 50%;自身發(fā)生重疊,實(shí)現(xiàn)了寬高2:1的自適應(yīng)
例:自適應(yīng)矩形2:1margin:50%;(普通元素margin百分比無(wú)論哪個(gè)方向都是相對(duì)于自己的容器寬度計(jì)算的2:1是因?yàn)樯舷掳l(fā)生重疊)
margin:50%;
舉報(bào)
本CSS教程帶你深入講解CSS的margin屬性,解決你多年困惑
3 回答求高寬2:1的源代碼及解釋?
5 回答求高寬2:1的源碼. 我試了問答里的都不太好用
1 回答沒設(shè)置寬高,那藍(lán)色區(qū)域是怎么做到的?
2 回答我想用一個(gè)div容器來(lái)限定圖片的大小,怎么實(shí)現(xiàn)
2 回答為什么不能實(shí)現(xiàn)老師說(shuō)的(CSS深入理解margin 5-1:css margin負(fù)值定位),請(qǐng)大神幫忙看看代碼,謝謝。
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)
2016-08-29
box 是外層的伸縮框
inner是帶有背景色的自適應(yīng)矩形
inner里面的空div 設(shè)置margin: 50%;
inner的overflow: hidden;是關(guān)鍵? 防止最里面的div的margin穿透 這樣才能把inner撐開? 顯示背景色
最里面的空div左右margin: 50%;把水平方向撐開
上下margin: 50%;自身發(fā)生重疊,實(shí)現(xiàn)了寬高2:1的自適應(yīng)
2016-08-17
例:自適應(yīng)矩形2:1margin:50%;(普通元素margin百分比無(wú)論哪個(gè)方向都是相對(duì)于自己的容器寬度計(jì)算的2:1是因?yàn)樯舷掳l(fā)生重疊)
2016-08-17
margin:50%;