課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么box1和box2的寬度不一樣
2016-04-26
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-2
正在回答
box1和box2都是<div>的子元素,由于box2默認(rèn)寬度是它的父元素的100%,而<div>是塊狀元素,寬度占一整行;box1被人為的設(shè)置了高度和寬度,所以顯示寬度和box2不一樣。
你仔細(xì)看看代碼,代碼中,box1的寬度設(shè)置為300,所以寬度為300,而box2沒有設(shè)置寬度,所以寬度就是父容器的寬度。。。。。。。
因?yàn)閎ox1有設(shè)置寬高 box2沒有設(shè)置。那沒有設(shè)置的塊元素的寬度一般就是一樣的,和所謂父元素一樣寬
box2設(shè)置了positon:absolute之后,脫離了文檔流,繼承不了box1的寬度了,
塊狀元素在未定義寬度的情況下,是包含內(nèi)容的寬度。
top,left屬性只是用來相對(duì)于父元素box1的定位。
樣式不一樣
樣式不一樣,一個(gè)是固定寬度,一個(gè)是未定義(即100%父容器body)
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答塊狀元素寬度
1 回答塊狀元素寬度
5 回答塊狀元素寬度
4 回答定寬塊狀元素
3 回答定寬塊狀元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-05-12
box1和box2都是<div>的子元素,由于box2默認(rèn)寬度是它的父元素的100%,而<div>是塊狀元素,寬度占一整行;box1被人為的設(shè)置了高度和寬度,所以顯示寬度和box2不一樣。
2016-05-02
你仔細(xì)看看代碼,代碼中,box1的寬度設(shè)置為300,所以寬度為300,而box2沒有設(shè)置寬度,所以寬度就是父容器的寬度。。。。。。。
2016-04-26
因?yàn)閎ox1有設(shè)置寬高 box2沒有設(shè)置。那沒有設(shè)置的塊元素的寬度一般就是一樣的,和所謂父元素一樣寬
2016-04-26
box2設(shè)置了positon:absolute之后,脫離了文檔流,繼承不了box1的寬度了,
塊狀元素在未定義寬度的情況下,是包含內(nèi)容的寬度。
top,left屬性只是用來相對(duì)于父元素box1的定位。
2016-04-26
樣式不一樣
2016-04-26
樣式不一樣,一個(gè)是固定寬度,一個(gè)是未定義(即100%父容器body)