-moz-box-flex没有弯曲？适用于（Chrome / Webkit） [英] -moz-box-flex is not flexing? Works with (Chrome/Webkit)

问题描述

我一直在寻找过去8小时左右的时间，试图找到我可能错过的HTML / CSS代码，但Firefox不会展示我的页面内容？它适用于Chrome（我已经确定每个-webkit-box-flex都有-moz-box-flex反之亦然）。有什么我想念的吗？非常感谢您的时间和帮助！

I have been looking for the past 8 hours or so trying to find what I possibly missed in HTML/CSS code, yet Firefox will not flex my page content? It works in Chrome (I've been making sure for each -webkit-box-flex there is the -moz-box-flex vice a versa). Is there something I'm missing? Your time and help is greatly appreciated!

*
    {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;

    }

推荐答案

#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;

}

这可能是你的错误;）

这篇关于-moz-box-flex没有弯曲？适用于（Chrome / Webkit）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！