IE6 浮动和高度答案

【问题标题】：IE6 float and heightIE6 浮动和高度
【发布时间】：2012-06-09 01:02:29
【问题描述】：

嗨，我有 2 个浮动的 div，而 IE6 在高度上失败（它不是从 css 设置的）。如果我有 g,p,j 等字母，它会切断这些字母的结尾。

这里是代码

    <div class="left"> <!-- this div float left -->
    <span style="color:#666;">Legend : </span> <!--  Here the letter g is cut -->

    <a title="" class="button" href="#">Choice 1</a>
        <span class="button" style="padding-right:12px;">
            <b>Current Choice</b>
         </span>        
   </div>

   <div class="right"><!-- this div float right -->
    <span style="color:#666;">Legend 2 : 1 &nbsp; Legend3 : 1-5</span> <!--  Here the letter g is cut -->       
   </div>
  <div class="clear"></div>

如果我在左边设置一个高度，右边的 div 可以正常工作，但我不知道内容的高度。

有没有其他解决方案可以让它在不设置高度的情况下工作。

谢谢

【问题讨论】：

标签： css internet-explorer-6 height css-float

【解决方案1】：

我似乎无法在 IE6 中重现这一点。尝试设置 div 标签的 line-height 属性。这可能会有所帮助。

【讨论】：