第二段, 是因为内部的行内块元素设置`width: 100%`, 这个宽度的百分比是根据父元素中离他最近的`块元素`或`行内块元素`计算的, 因为第二段代码离他最近的`块`或`行内块`, 是最外层的`块元素div`, `div`的宽是`body`, 因此他的宽也就是`body`, 而他又是外层`行内元素`的内容,这也就导致外层的`行内元素`被撑开, 出现了第二个截图的样子 第二段代码, 将最外层的`div`的宽设置一下, `行内块`的宽设置为`50%`结果就非常明显了: 测试内容 这是inline-block span 