代码之家  ›  专栏  ›  技术社区  ›  Aivan Monceller

跟随父div的高度,当子div的内容较长时自动调整父div的高度

  •  1
  • Aivan Monceller  · 技术社区  · 15 年前

    这是我的HTML-> http://aivan.info/

    结构

    <div id="wrapper">
        <div id="leftg">
        </div>
        <div id="container">
    
            <div id="header">
            </div>
            <div id="logo">
            </div>
            <div id="navigation">
            </div>
            <div id="body">
                <div id="bleft">
                </div>
    
                <div id="bright">
                </div>
            </div>
        </div>
        <div id="rightg">
        </div>
    </div>
    

    PS:应该与IE6、IE7、FF6兼容

    3 回复  |  直到 15 年前
        1
  •  2
  •   Aivan Monceller    15 年前

    在每个带有clear:both样式属性的float元素之后添加一个额外的div。移除包装器和主体容器的所有高度属性。

        2
  •  1
  •   MatTheCat    15 年前
        3
  •  1
  •   Ninja rhino    15 年前

    一个诀窍是把左放在右里面,把主要内容放在左里面,这在精液上是不对的,但你可以设计它的样式,使它看起来像两边各有两个面板。这是假设的主要内容将永远比面板长,我想还有一些其他的怪癖。