border繼承問(wèn)題？？？？
p{border:1px solid red;}這個(gè)只是給p標(biāo)簽設(shè)置了邊框?yàn)?像素、紅色、實(shí)心邊框線，而對(duì)于子元素span是沒(méi)用起到作用的
但是為什么運(yùn)行結(jié)果全部用紅線圍起來(lái)了
慕碼人8595002
2017-08-01
6 回答
舉報(bào)
0/150
提交
取消
2017-08-01
因?yàn)?lt;span>標(biāo)簽所是嵌套在<p>標(biāo)簽中，因此看上去也會(huì)被紅色框圈起來(lái)。如果設(shè)置<span>的樣式為span{border:1px solid red;}，網(wǎng)頁(yè)中會(huì)出現(xiàn)兩個(gè)紅色的框，一大一小，小的只框住了<span>標(biāo)簽
2017-08-01
但是為什么運(yùn)行結(jié)果全部用紅線圍起來(lái)了?因?yàn)閲饋?lái)的是p的內(nèi)容，span也在p里，所以圍起來(lái)了。如果想把a(bǔ)pan單獨(dú)圍起來(lái)就要單獨(dú)寫一個(gè)span{1px solid red}
2017-08-01
<p>是塊狀元素，對(duì)其內(nèi)部標(biāo)簽的樣式風(fēng)格會(huì)帶有繼承的作用，span作為p 的內(nèi)聯(lián)元素，所以設(shè)置實(shí)心邊框線的時(shí)候，也會(huì)被包圍起來(lái)
2017-08-01
全部圈起來(lái)不是很正常么，你給p設(shè)置紅框，他不就把p圈起來(lái)么？
2017-08-01
那能舉個(gè)更加合適的栗子嗎，border不被繼承的栗子
2017-08-01
這是p標(biāo)簽的作用，如果span也有作用那么span也該圍起來(lái)