課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么左邊的三個(gè)盒子沒有占滿父元素的藍(lán)色盒子?
2020-08-15
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 14-1
正在回答
div本身是塊級(jí)元素,元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設(shè)定一個(gè)寬度。這里他已經(jīng)設(shè)置了寬度——“width=200px”,所以左邊的三個(gè)盒子沒有占滿父元素的藍(lán)色盒子,把'width=200px'注釋掉,運(yùn)行一下就是你要的效果了。(此前已經(jīng)將'display:flex'注釋掉了)
把.box里面的display:flex刪掉,然后加入width,寬值多少你自己決定,然后在.box div里面將width的值改成auto就可以了,你可以試試,看是不是你要的效果。
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答1-2遇到的問(wèn)題
2 回答css15-1問(wèn)題
3 回答關(guān)于【1-2】的幾個(gè)問(wèn)題
6 回答1-2中小問(wèn)題
3 回答關(guān)于100 和 1的權(quán)值問(wèn)題
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-08-19
div本身是塊級(jí)元素,元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設(shè)定一個(gè)寬度。這里他已經(jīng)設(shè)置了寬度——“width=200px”,所以左邊的三個(gè)盒子沒有占滿父元素的藍(lán)色盒子,把'width=200px'注釋掉,運(yùn)行一下就是你要的效果了。(此前已經(jīng)將'display:flex'注釋掉了)
2020-08-18
把.box里面的display:flex刪掉,然后加入width,寬值多少你自己決定,然后在.box div里面將width的值改成auto就可以了,你可以試試,看是不是你要的效果。