为什么table布局中，如果没写内容，背景不显示

Question

这里用table布局，上下定宽，中间自适应，为什么top div里没写内容，它就只占位，不显示背景色（背景色我已经设置为黄色了），

Answer 1

.top是display：table-row，相当于table下的tr，很多样式对tr都是不生效的，通常对td设置才可以，因为td才是单元格，用于输入内容的。
两个解决方案：
1、在top内再套一个div

 <div class="top">
    <div style="display: table-cell; background-color: #000"></div>
</div>

2、加一个空格

 <div class="top">&nbsp</div>