css - 当resize里面的div元素显示出来

Question

[在此处输入图片描述][1]我有用于创建垂直菜单的简单 div，并在我的网站上完整展示了它，一切正常，但当我将窗口调整到最小时，我看到了元素在里面向右转，不要在中间显示，我看到所有的 div 在我将窗口调整到这个最小值的那一刻都没有完全调整

我在 firefox 中测试时看到了这个，而不是在其他 brownsers 中，所有问题都是当调整大小低于 200¡px 时，如果我将窗口调整到比这个宽度大一些，显示完美，但是只在 Firefox 中发生过我

你可以在这里看到代码:

https://jsfiddle.net/g7v7t07m/

brownser 中最好的测试:

<style>



#web_header_menu_boton_1
{
display:block;
position:relative;
min-width:100%;
width:auto;
margin-top:2px;
margin-right:auto;
margin-left:auto;
text-align:center;
background-color:green;
}

#web_header_menu_boton_2
{
display:block;
position:relative;
min-width:100%;
width:auto;
margin-top:2px;
margin-right:auto;
margin-left:auto;
text-align:center;
background-color:red;
}

</style>

<div id="web_header_menu_boton_1">MENU TOP</div>
<div id="web_header_menu_boton_2">MENU TOP</div>
<div id="web_header_menu_boton_1">MENU TOP</div>
<div id="web_header_menu_boton_2">MENU TOP</div>
<div id="web_header_menu_boton_1">MENU TOP</div>

图像总调整大小窗口看到坏:

https://drive.google.com/open?id=0B5Pt2K-f2Sp1R1FYZ21tazczUm8

Answer 1

你的问题对我来说不是很清楚。也许添加一张图片来显示发生的事情会很棒。但我猜你需要编写一些 mozila 代码，如果它只在 mozilla firefox 中。在 css moz-... 中搜索(例如 webkit-... 或其他)。