css - IE 中的并排 div

Question

我有以下html代码

<div align="center" style="width:1000px;border:1px solid green;">
        <div style="border:1px solid red;float:left; width:200px;  ">
        ssssssssssss </div>    
        <div style="border:1px solid red;float:left; width:200px;  ">
        ssssssssssss </div>
    <div style="border:1px solid black;  overflow: hidden;" id="endText">       
        xxx<p>&nbsp;</p><p>&nbsp;</p><p>x</p>           
    </div>
<div style="clear:both"></div>
</div>

它在 FF、Opera、Safari、Chrome 中工作得很好，但在 IE 中它显示错误的东西。例如，IE 请求 endText div 的预定义高度

<div style="border:1px solid black;  overflow: hidden;height:117px; " id="endText">   

问题是什么？哪些额外的 CSS 代码可以像其他浏览器一样在 IE 中保留其视觉属性？

Answer 1

你的方法是正确的。请在您的代码后添加任何标签，并将#endText 高度设置为 100%。它将像其他浏览器一样工作。

<div align="center" style="width:1000px;border:1px solid green;">
    <div style="border:1px solid red;float:left; width:200px; ">
        ssssssssssss </div>
    <div style="border:1px solid red;float:left; width:200px; ">
        ssssssssssss </div>
    <div style="border:1px solid black; height:100%" id="endText">
        xxx<p>&nbsp;</p><p>&nbsp;</p><p>x</p>
    </div>
    <div style="clear:both"></div>
</div> <hr>