Html 未在IE中扩展Div标记。。在所有其他浏览器中都可以

我一整天都在为这件事发愁。任何帮助都将不胜感激

我在Chrome、IE和Safari中有一行div，将许多行放在这里会将外部div（.formRow）推得更高，以适应扩展的内容。。在IE中，div.formRow的大小保持不变，内容位于div.formRow的底部。我什么都试过了。。任何人有任何想法

这是我的HTML：

<div class="formRow clear">
    <div class="leftCell">
        This is on the left<br>
        This is a new line<br>
        In FF and Chore, these new lines push the outer div down<br>
        In IE, theselines just go over the botto of the outer div and it doesn't expand
    </div>
    <div class="rightCell">
        This is on the right
    </div>
    <div class="rightNote">
        X
    </div>
    <br class="clear">
</div>

---

非常感谢您提供的任何帮助

不要在最后使用

，请将其改为另一个

看

替换

    <br class="clear">

与

    <div class="clear"></div>

div.clear {
  clear:both;
}

---

或者完全删除clearing元素并向父容器添加overflow:hidden

div.formRow { 
    overflow: hidden;  
}

在我看来，这永远是更好的解决方案

div.clear {
  clear:both;
}

div.formRow { 
    overflow: hidden;  
}