Div高度属性在Chrome中无法正常工作

Question

在我的mvc申请中，我添加了div height:270px。

<style type="text/css">
    .table-div {
        height: 270px;
        margin-top: -20px;
        border-top: 2px solid #DDD;
        border-bottom: 2px solid #DDD;
        margin-right: 10px;
        margin-left: 10px;
        background-color: white;
    }
</style>

它在firefox中正常工作。但是如果我在Chrome中打开它，那么它的高度将超过270px。为什么会这样？怎么解决这个问题？

Answer 1

可能是元素height.border-top和border-bottom应该与270一起添加。