使用RTL方向浮动元素时的IE错误

时间:2013-04-30 14:16:54

标签: css internet-explorer

我的页面在FireFox,Chrome和Safari上看起来很棒。但是在IE上,当使用RTL方向时,浮动div之间似乎是额外的余量。当我删除“direction:rtl”时,它在IE上工作正常。

这是我相邻的两个DIV的CSS。任何的想法?感谢

#box5{
    position:relative;
    background:#FFF;
    float:right;
    width:436px; height:203px; overflow:hidden;
    padding:30px 20px 20px 20px;
    margin:20px 105px 0 70px;
    direction:rtl;
}

#box6{
    position:relative;
    background:#FFF;
    float:right;
    width:436px; height:203px; overflow:hidden;
    padding:30px 20px 20px 20px;
    margin:20px 0 0 70px;
    direction:rtl;
}

1 个答案:

答案 0 :(得分:1)

我明白了。我删除了左边距并且工作正常。似乎左边距不应与direction:rtl一起使用。