请教问题 - css吧

level 2

毒舌的男人楼主

我在css里给蓝色部分设置height为300px，给红色部分设置height为100px，虽然都垂直居中了，为什么蓝色被红色带成一样高度了？
效果不应该是蓝色高度更长，红色高度更短，内容垂直居中吗？

2017年02月20日 16点02分 1

level 9

Part_In

table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）；这是菜鸟对该标签的解释，我猜会不会是这方面的原因

2017年02月22日 07点02分 6

level 5

烟雨的幸福

因为display: table-cell;这个属性值，你们两个div都设有这个属性，所以它们会产生一种隐藏的匿名盒,也就是display: table-row这个属性了。它会以最大高度作为盒子边缘。如果你想达到高度显示效果，在第一个div上加浮动就好。至于字体居中，就是第一个div中div来决定了

2017年02月22日 07点02分 7

level 1

错吧磨练当折磨

加一个clear：left试试

2017年03月13日 09点03分 10