因为小女孩属于段落，作业于第一个后代的意思是不会给<span>部分再加一个边框（如果作用于所有后代这部分会有两个边框，一个是段落整体的，一个是  ”的小女孩“单独的）。

css:

 #box1{

  width:200px;  /*div的宽*/

  height:200px;  /*div的高*/

  border:2px solid red;  /*div框架的宽度 实体样式 颜色配置*/

 position:relative;  /*div的一种定位效果，“相对定位”他写在box1中，意思是以box1 vid为父容器，box2的内容将显示在这个div里面，在box1里写position：relative在box2里写“绝对定位”position：absolute ，两者需要达到相互交融的效果*/

 }

#box2{

  width:99%; /*div box2的宽度，用百分比来表示，内容会自动充满*/

  position:absolute;  /*与box1里面的“相对定位”相互交融*/

 bottom:0px;/top:0px;/left:0px;/right:0px;  /*<span>里面的内容的定位，随便选择一个*/

}

html:

<div id="box1">

 <div id="box2"><span>aaa</span>

 </div>