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