我有一系列 div 元素嵌套在另一个 div 中,该 div 放置在表格的 td 单元格中。出于某种原因,这些 div 尽管它们浮动到左侧和内联块,并且 table、td 和容器 div 都设置为 width: 100%,但它们在 IE9 上看起来是垂直堆叠的。
这是一个实时站点的链接(检查样本):http ://ssd2go.co.uk
这是我的代码的简化示例:
<table>
<tr>
<td>
<div class="select">
<div><input><a><img></a></div>
<div><input><a><img></a></div>
<div><input><a><img></a></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="select">
<div><input><a><img></a></div>
<div><input><a><img></a></div>
<div><input><a><img></a></div>
</div>
</td>
</tr>
</table>
table、tr、td 和 div.select 为 width: 100%;所有内层和链接都有 float:left 和 display:inline