Question

我正在处理一个我无法编辑的表，我无法添加任何HTML，我无法添加任何JS。一切都已预先生成，我所能做的就是为它添加CSS。

所以表有2行，一行是侧边栏，第二行是中心内容。我想让侧边栏210px宽并将其向左浮动，就像我所做的那样将内容放在中心位置。所有浏览器都可以正常工作，但IE7。当我使用IE7开发人员工具检查它时，我可以看到它下面的行和TD总是100％宽，并且无法为其分配宽度值。

是否有解决此问题的方法？

示例代码。

<table>
<tr id="sidebar"><td>Some data</td></tr>
<tr id="main"><td>Some data 2</td></tr>
</table>

CSS:
#sidebar
{
display:block;
width:210px;
float:left;
}
#main
{
display:block;
width:730px;
float:left;
}

请告知

Answer 1

我没有ie7，但设置行显示：table-cell;在这个例子中，在表格上放置一个宽度。 http://jsfiddle.net/jalbertbowdenii/7Wuku/

Answer 2

我认为这样做的好方法是没有第二行...当然，如果你能做出这样的标记：

<table>
    <tr>
        <td id="sidebar">Sidebar content</td>
        <td class="main_cont">Main content</td>
    </tr>
</table>

在此标记中，您不需要浮动td，只需说明宽度即可。这里有一个实例：http://jsfiddle.net/skip405/QySz2/1/

但如果你不能改变标记 - 我恐怕你永远不会教IE7浮动表行））

ie7浮动表行左不起作用

2 个答案: