Это ошибка FireFox? - PullRequest
Новая
       11

Это ошибка FireFox?

0 голосов
/ 03 февраля 2012

Я думаю, что поддержка Firefox для блочной модели в CSS3 очень плохая ...

Я столкнулся со многими проблемами, связанными с box, который отлично работает в Chrome и Safari ..

Вот последняя проблема:

Похоже, что FF не поддерживает поле с относительным смещением ..

вот пример, вы можете попробовать это в jsFiddle:

HTML: 

<div id="container">
    <div id="test">
        <div id="b1" class='item'></div>
        <div id="b2" class='item'></div>
    </div>
</div>

CSS: 

#container{
    width: 500px;
    height: 500px;
    background-color: red;
}

#test {
    pisition: relative;
    float:left;

    width: 200px;
    height: 200px;
    background-color: green;
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -moz-box-orient: $align;
    -moz-box-pack: center;
    -moz-box-align: center;

    -webkit-box-orient: $align;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    box-orient: $align;
    box-pack: center;
    box-align: center;
}

.item {
    width: 50px;
    height: 50px;
}

#b1 {
    background-color: yellow;
}

#b2 {
    background-color: blue;
}

когда я удаляю 

pisition: relative;
float:left;

в #test, все в порядке

но с 'float', блочная модель не работает ...

1 Ответ

3 голосов
/ 04 февраля 2012

Вы не используете "CSS3". Вы используете комбинацию недопустимого CSS (нет плана для display: box в CSS), ранней черновой реализации WebKit CSS3 Flexbox и блоков XUL (которые совершенно не связаны с CSS3 Flexbox и тем, что реализует WebKit).

Ящики XUL не допускаются к выпуску; когда вы перемещаете их, они становятся блоками, потому что плавающие изменяют отображаемые значения в CSS.

...