IE6浮动和高度

时间:2010-02-09 12:49:53

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

嗨我有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> 

如果我在左侧设置了一个高度,则右侧的工作正常,但我无法知道内容的高度。

是否有任何其他解决方案可以在不设置高度的情况下使其工作。

Thansk

1 个答案:

答案 0 :(得分:2)

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