div横排布局兼容性

要做攻城师的志 发布于 2013/07/24 15:03
阅读 381
收藏 0

我想实现这样的效果,特别要求放在顶端。

在firefox是这样显示的,这是我想要的效果,可是在IE中却给我显示成这样子。

<html>
<head></head>

<style>
</style>
<body>
<div class="grandfather">
        <div class="father1" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:100px;height:15px;">特别要求</div>
        <div class="father2" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;">
            <div class="son1" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:50px;height:50px">要求1</div>
            <div class="son2" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:50px;height:50px">要求2</div><br/>
            <div class="son1" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:50px;height:50px">要求3</div>
            <div class="son2" style="display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:50px;height:50px">要求4</div>
        </div>
        </div>
    </body>
    </html>

请问怎么样才能做到ie跟firefox都显示正常?

加载中
0
Tuesday
Tuesday
grandfather style="vertical-align: top;"
返回顶部
顶部