css - 即使应用了高度，td 背景也会延伸到 tr

Question

我的 td 设置了高度，但在我的 iPad 和 iPhone 等移动设备上，td 背景和边框从 td 流出并流入 tr。我重新创建了我的确切代码，以向您展示它在我的桌面上通常的样子，但是您可以想象我的代码中可能存在一个错误，它允许它流入 tr 的

#tstyle2 {
    width: 1000px;
    border-top: 1px solid #e8e6e6;
    border-bottom: 1px solid white;
}

#tstyle2 tr {
    height: 160px;
    border-bottom: none;
    border-collapse: separate;
    border-top: 1px solid white;
    border-bottom: none;
    width: 1000px;
}

#tstyle2 td {
    border-top: none;
    display: block;
    height: 130px;
    background-color: white;
    border-left: 4px solid #bd6ec1;
    box-shadow: 0px 3px 5px #b5b6b6;
}

http://jsfiddle.net/338cR/

Answer 1

我设法找到了解决方案：

我不得不添加

 display:block;

到#tstyle2 tr {}

然后添加

width: 1000px; 

到#tstyle2 td {}