課程
/前端開發(fā)
/HTML/CSS
/一課全面掌握主流CSS布局
能確認(rèn)一下嗎
2019-11-27
源自:一課全面掌握主流CSS布局 7-3
正在回答
把左右盒子的“margin-left: -100%”或者“margin-right: -100%”中的百分比改為“-300px”,也就是左右盒子的寬度,左盒子的相對(duì)定位也要相應(yīng)調(diào)整,右盒子如果有使用相對(duì)定位也要調(diào)整(其實(shí)右盒子直接margin-right:-300px)。
原因就是它的100%是相對(duì)于父級(jí)元素的,視窗小于900,左右固定和是600,那parent就小于300px,使用“-100%”讓左右盒子跳不到上一行了,它需要達(dá)到-300才能跳到上一行。
個(gè)人覺得是因?yàn)楣潭俗笥液凶拥膶挾龋瑳](méi)有采用自適應(yīng),所以不是所有分辨率都兼容。
舉報(bào)
一網(wǎng)打盡CSS主流布局方案,一步掌握頁(yè)面布局技巧.
1 回答calc()函數(shù)在圣杯布局中用法
1 回答等分布局-間距-
1 回答網(wǎng)頁(yè)布局問(wèn)題
1 回答不會(huì)寫布局,很難受
1 回答有點(diǎn)失望啊,看到全屏布局才來(lái)的,結(jié)果不是后臺(tái)數(shù)據(jù)可視化的那種等比全屏布局
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-11-19
把左右盒子的“margin-left: -100%”或者“margin-right: -100%”中的百分比改為“-300px”,也就是左右盒子的寬度,左盒子的相對(duì)定位也要相應(yīng)調(diào)整,右盒子如果有使用相對(duì)定位也要調(diào)整(其實(shí)右盒子直接margin-right:-300px)。
原因就是它的100%是相對(duì)于父級(jí)元素的,視窗小于900,左右固定和是600,那parent就小于300px,使用“-100%”讓左右盒子跳不到上一行了,它需要達(dá)到-300才能跳到上一行。
2019-12-01
個(gè)人覺得是因?yàn)楣潭俗笥液凶拥膶挾龋瑳](méi)有采用自適應(yīng),所以不是所有分辨率都兼容。