0

過去 8 時間ほど、HTML/CSS コードで見逃している可能性があるものを探していましたが、Firefox はページ コンテンツを変更しませんか? Chrome で動作します (-webkit-box-flex ごとに -moz-box-flex があることを確認してきました。逆も同様です)。足りないものはありますか？あなたの時間と助けは大歓迎です!

*
    {margin: 0px;
    padding: 0px;
    }

body
    {width: 100%;
    height: 1000px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    background-color: #696969;
    background-image: url(squairy_light.png);
    background-repeat: ;
    background-position:;
    }

header, footer, article, nav, section, hgroup, aside
    {display: block;
    }

#banner
    {display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px 0px 0px;
    }

#fullpage_box
    {max-width: 1000px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    }

#page_box
    {display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    }

#content_box
    {-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horisontal;
    box-orient: horizontal;
    padding: 10px 10px 10px 20px;
    padding: 10px 10px 10px 20px;
    margin: 5px 0px 5px 0px;

    }
4

2 に答える 2

0 
#content_box
{-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-box-orient: horizontal;
-moz-box-orient: **horisontal**; <------------
box-orient: horizontal;
padding: 10px 10px 10px 20px;
padding: 10px 10px 10px 20px;
margin: 5px 0px 5px 0px;

}

それはおそらくあなたの間違いでした;）

于 2013-05-11T09:26:00.183 に答える
0

ユーレカ！修正/問題が見つかりました。

の

> display: -moz-box;
> display: -webkit-box;

親フォルダーのみにある必要があります（この場合、両方ではなく #page_box のみ）。まあ、私の場合はそれでうまくいきました。とにかく、表示されるcssは親>子の昇順です。以下のコードは修正されています上記のコードから.これが誰かを助けることを願っています.私を夢中にさせてください.

  #fullpage_box
    {max-width: 1000px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    }

#page_box
    {display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    }

#content_box
    {-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    padding: 10px 10px 10px 20px;
    padding: 10px 10px 10px 20px;
    margin: 5px 0px 5px 0px;

    }
于 2013-05-03T14:32:04.927 に答える