盒子與盒子嵌套問題一直不懂，有沒有大神解決??？頭皮想的發麻了！
新手自學，想請問一下，一個div里面包著一個html標簽，那么標簽是算盒子呢，還是算div盒子里面的內容，一直沒懂？我給一個div定義一個寬和高，是定義的盒子的還是內容區域的呢？
3 回答
舉報
0/150
提交
取消
新手自學，想請問一下，一個div里面包著一個html標簽，那么標簽是算盒子呢，還是算div盒子里面的內容，一直沒懂？我給一個div定義一個寬和高，是定義的盒子的還是內容區域的呢？
2017-02-26
舉報
2017-04-02
塊級元素(block)和行內元素(inline)都是盒子模型,只不過是display特性不同,display為block時可以設置寬高,為inline時不可以.
再回答你的具體問題:<p>是一個盒子模型,如果把<p>嵌套在<div>里,那么<p></p>同時也是<div>的內容.如果你設置成<p style="diplay:block"></p>那么它也就可以設置寬高了.
順便再給你一個提升盒子模型認識的文章:[css盒子模型理解] (https://segmentfault.com/a/1190000005155084#articleHeader10)
2017-02-27
至于你說的盒子嵌套，直白點說就是指盒子里面再放盒子。舉個栗子：就好比你在京東超市買了幾個貨物，快遞到了。你會發現所有東西裝在一個大盒子里，里面有幾個小盒子，可能小盒子里還有盒子，這就是盒子嵌套。還比如小時候玩過的俄羅斯套娃，每層就像是一個盒子，盒子里面可以有很多盒子，一層套一層。
2017-02-27
每一個div就是一個盒子，div里面包含的標簽是盒子的內容部分，你定義的是盒子整體的寬和高，盒子還有外邊距margin，內填充padding和邊框border屬性；外邊距是指盒子與盒子間的距離，內填充指的是內容與邊框的距離。盒子模型一般情況下考慮四部分：分別是外邊距，邊框，內填充和內容，這四個一起組成了盒子（對于背景暫時先不考慮）