html - Safari 浏览器中的提交按钮仅部分出现

Question

我在 Safari 中的提交按钮有什么问题？它被放置在一个带有“display:table-cell”的容器中，并且只出现了一部分，如您在附图中所见。如果我把它放在 <p></p> 之间标签，一切正常。还有其他解决方案吗？

问题是由display:table-cell.引起的如果我删除 display:table-cell ，问题消失。为什么？

.submit_button{

    color:#fff;
    background:#80AA28;
    border:solid 1px #729823;
    -webkit-appearance: none;
    border-radius: 0;
    padding:8px 15px;
    margin:0;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-align:center;
    font-weight:bold;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    cursor:pointer;
    
}

<input type="submit" class="submit_button" />

<p><input type="submit" class="submit_button" /><p>

<p style="display:table-cell"><input type="submit" class="submit_button" /><p>

screenshot

Answer 1

发现问题。它是由以下原因引起的:

table {
height:100%;
}