代码之家  ›  专栏  ›  技术社区  ›  NimChimpsky

使用css的div高度(显然是ie6)

  •  2
  • NimChimpsky  · 技术社区  · 16 年前

    我讨厌烦琐的css和格式,每次我认为我已经破解它,另一个问题来了,我只是结束了尝试,直到它的工作-像一个noob。哦,好吧。

    我有三个三分舱,一个集装箱和两个内舱。其中一个内部div的文本高度可以不同,另一个只是复选框,但出于样式设计的原因,我希望与其他内部div具有相同的高度。设置高度100%(filler)只会填充页面。

    <div class="container">
    
      <div class="heightSetter"> contains wrapped text, and varies in height </div>
    
      <div> class="filler"> other stuff, that I want as same height as height setter </div>
    
    </div>
    

    也许一张桌子会更好,但现在,任何关于这个具体问题的帮助/答案/建议都会受到感激。

    干杯!

    刚刚从前面的问题/答案中找到了这个,使用jQuery和on document ready。刚试过,工作就像做梦。

    $(".filler").height($(".heightSetter").height());
    

    编辑2

    3 回复  |  直到 16 年前
        1
  •  3
  •   Stephan Muller    16 年前

    Faux Columns -仅当必须拉伸的列的背景(在本例中为右)只有一种背景色或重复图案(因为它使用图像或边框来伪造列)时才有效。

    Equal Height Columns -CSS技巧,我还没有测试。

        2
  •  1
  •   NimChimpsky    15 年前
    $(".filler").height($(".heightSetter").height());
    
        3
  •  0
  •   Olly Hodgson    16 年前

    这很难用IE6能够理解的CSS实现。但是,你可以用 the faux columns technique . 基本上,在容器列上设置一个背景图像,使其看起来两个子项(heightsetter和filler)的高度相等。不太理想,但它通常能起作用。