0

高さを設定した 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/

4

1 に答える 1

0

私は解決策を見つけることができました：

追加しなければなりませんでした

 display:block;

#tstyle2 tr {} へ

そして追加

width: 1000px;

#tstyle2 td {} へ

于 2013-02-07T18:28:04.783 に答える