0

私は次のスタイルをテーブルに適用しています

width: auto;
min-width: 98.5%;

Chromeブラウザーで見ると、div内にあるテーブルには、含まれているdivの約50％の幅しかないように見えます。IE9では、テーブルが全幅を占めます。Chromeで、F12を使用して適用されたスタイルを見ると、両方のスタイルが適用されており、交差していません。

.containing > table {
position: relative;
left: 0;
margin-right: 0;
top: 0;
border: 1px solid #DDD;
width: auto;
min-width: 98.5%;
margin-bottom: 1em;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

html：

<div class="containing">
<table>

</table>
</div>
4

1 に答える 1

1

ねえ、境界線が必要な場合は、境界線の半径を定義する必要があります。テーブルでは定義しないでください。

divの境界線と境界線の半径を次のように定義すると思います

元に住んでいることを確認してください。http://jsfiddle.net/RfWWh/

設計に合わせて調整してください。

于 2012-04-27T10:21:14.620 に答える