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