个回答

• 慕前端3394234

  2017-08-01 15:48:17

  已采纳

  因为<span>标签所是嵌套在<p>标签中，因此看上去也会被红色框圈起来。如果设置<span>的样式为span{border:1px solid red;}，网页中会出现两个红色的框，一大一小，小的只框住了<span>标签

  1

• 慕后端4350443

  2017-08-01 16:45:12

  但是为什么运行结果全部用红线围起来了?因为围起来的是p的内容，span也在p里，所以围起来了。如果想把apan单独围起来就要单独写一个span{1px solid red}

  0

• RyanMans

  2017-08-01 15:53:30

  <p>是块状元素，对其内部标签的样式风格会带有继承的作用，span作为p 的内联元素，所以设置实心边框线的时候，也会被包围起来

  0

• 慕娘45398

  2017-08-01 15:51:56

  全部圈起来不是很正常么，你给p设置红框，他不就把p圈起来么？

  0

• 慕码人8595002

  2017-08-01 15:50:38

  那能举个更加合适的栗子吗，border不被继承的栗子

  0

• coolpail

  2017-08-01 15:46:52

  这是p标签的作用，如果span也有作用那么span也该围起来

  0