IE9浮动溢出：隐藏且表格宽度100％无法正确显示
我正在尝试在页面右侧浮动一个容器。在它的左侧，有很多表格需要100％的宽度。我希望它们一直延伸到右侧的浮动元素。当右边的那个元素结束时，我希望表格扩展到页面的末尾。
这在除IE之外的所有浏览器中都很好用。在IE中，所有表格都显示在右侧浮动元素下方。我知道IE中隐藏了溢出的解决方法，但我无法使其正常工作。
下面的代码。
<head>
<style type="text/css">
.container{margin:0 auto; min-width:1000px; max-width:1200px;}
.sidebar{float:right;width:300px;margin-left:5px;}
.tholder{overflow:hidden;}
</style>
</head>
<div class="container">
<div class="sidebar">
<img src="dsfd.jpg" heigh="600" width="295">
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Text</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>text</td></tr></table>
</div>
</div>
问题答案：
如果某些内容在其他浏览器中有效，但在IE9中不起作用，则可能是标题不正确。检查一下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-
嗯，我也试着把它藏在身体里！还是不工作..？
-
问题内容： 我有一些HTML表格，其中文本数据太大而无法容纳。因此，它可以垂直扩展单元格以适应此情况。因此，现在发生溢出的行的高度是数据量较小的行的两倍。这是无法接受的。如何强制表格具有相同的行高？ 这是一些重现该问题的标记。表格仅应为一行的高度，并隐藏溢出的文字。 问题答案： 需要在单元格上和单元格上指定两个属性。您还需要将移至单元格
-
在鼠标悬停时，我想变换两个相邻的flex元素的位置，如下图所示 标记如下 我希望两个元素都是父元素的100%宽度，第二个元素溢出，这样我就可以在鼠标悬停时变换X。我遇到的问题是两个元素都被挤压到容器中。 我知道我可以在另一个div中包装这两个元素，并给它200%的容器宽度。但想知道这能不能用Flexbox完成
-
问题内容： 我在w3schools上阅读了以下代码，但不了解该属性如何影响文本是否显示在右侧。 我知道它用于处理超出范围的内容，但不了解它在这种情况下如何应用。 问题答案： 我尽力消除混乱： 是一个块级元素，与元素一样（它们延伸到父宽度的100％）。这就是为什么默认情况下，如果在这些元素上未声明宽度或显示，它将显示在if 下方的原因。 现在在您的示例中，仅包含浮动元素。这使其折叠到一个高度（尽管如
-
问题内容： 作为一名Web开发人员，我经常在另一个（父）div中有两个浮动（子）div。实际上，我整天都这样做。 如果没有额外的css / html，这将无法工作，因为父级不会自动增长以适应浮动子级。有两种流行的克服方法： 1）添加到父级的CSS中。 2）添加第三个“清除”子级。 我知道关于此类事情还有其他一些类似的问题，但是我的问题是： 哪种方法更好，为什么？各自的优缺点是什么？ 问题答案： 隐