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 回答