javascript - 如何用纯css实现多个div横向并排等高的框,不能用table布局且要兼容IE6
迷茫
迷茫 2017-04-11 12:16:03
0
1
397

用html和css实现三个并排的框,框的高度根据框内的内容自适应变化,但是视觉上要等高,不能用table布局、javascript或者CSSExpression,可以使用背景图片,兼容现在所有的主流浏览器,包括IE6;最好能写个小的代码demo,这里可以提供背景图片链接http://placehold.it/200x200.png(200x200可以随便改写,代表的图片的宽高)
效果图如下:

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(1)
小葫芦
.container{
            overflow: hidden;
        }
.container > p{
    float: left;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}
<p class="container">
    <p class="left"></p>
    <p class="middle"></p>
    <p class="right"></p>
</p>

效果如图:

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template