在本例中我 没有 使用图片，仅仅使用 div 的背景颜色，由于 没有 图片或元素填充，很容易导致色块的高度为0，因而不显示。 想要让元素撑起父容器，那么父容器的高度 宽度等就得是已知的值，不能是100%这类 下面贴上我的解决方案链接：https://codesandbox.io/s/purple-night-lu8wn?file=/src/components/HelloWorld.vue <template> div 高度是根据里面 内容 自适应撑开的，如果 没有 内容 高度则为0；但 div 里面有 内容 高度仍是0，多半是因为元素浮动引起， div 里面的元素浮动到其它地方， div 里实际上 没有 内容 ，因而为0；         用如下为例：  &lt; div &gt; &lt;a&gt; &lt;img&gt;&lt;/img&gt;&lt;/a&gt; &lt;/ div &gt;