我将以下样式应用于表格
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>