我有一个没有设置宽度的 container-div，它包含一个可变宽度的表格，以及表格下方的一个按钮。我希望此按钮 float 在右侧，以便其右边缘与表格的右边缘对齐。 执行以下操作似乎在所有浏览器中都可以正常工作，但 IE<=7。这是如何正确完成的？
<head>
<style>
#tableContainer {
float: left;
}
#btn {
float: right;
}
</style>
</head>
<body>
<div id="tableContainer">
<table>
<tr>
<td>a b c</td>
<td>a b c</td>
<td>a b c</td>
<td>a b c</td>
</tr>
</table>
<button id="btn">buttontext</button>
</div>
</body>
</html>
这是我想要的示例:
__________________
| |
| table |
|________________|
|btn|
‾‾‾‾‾
最佳答案
你能把按钮从 div 中取出吗？那应该可以解决您的问题。
否则，在#tableContainer table 上添加float:left(不推荐)
你也可以将你的表格包裹到另一个 div 中，然后将那个 div float 到左边
另外，你必须把按钮移到表格前面
关于html - 在 IE <= 7 中将元素 float 到包含可变宽度的父级中的右侧，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15826245/