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

Question

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

Answer 1

.top是display：table-row，相当于table下的tr，很多样式对tr都是不生效的，通常对td设置才可以，因为td才是单元格，用于输入内容的。两个解决方案：1、在top内再套一个div&nbsp;<div&nbsp;class="top"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="display:&nbsp;table-cell;&nbsp;background-color:&nbsp;#000"></div> </div>2、加一个空格&nbsp;<div&nbsp;class="top">&nbsp</div>