0
내 탐색 막대가 다른 브라우저에서 제대로 작동하는 것처럼 보입니다. 집이나 보관소 위에 마우스를 가져 가면 작은 메뉴가 표시됩니다. 인터넷 익스플로러를 제외한 대부분의 브라우저를 중심으로합니다. 그것은 어떤 이유로 오른쪽으로 밀려났습니다. 이 같은내 드롭 다운 메뉴는 IE를 제외한 모든 브라우저에 집중되어 있으며 이유는 무엇입니까?
nav ul li:hover ul {
display: block !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
nav ul li {
list-style: none;
display: inline-block;
text-align: center;
display:flex;
justify-content:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
}
<html>
<head></head>
<body>
<nav class="navbar-fixed-top">
<ul class="row">
<li class="hidden-xs hidden-sm col-md-4 col-lg-4"> <a href="index.html">Home</a>
<ul class="small_sections">
<li> <a id="welcome" href="#welcomeSection"> <h5>top</h5> </a> </li>
<li> <a id="classes" href="#classesSection"> <h5>classes</h5> </a> </li>
<li> <a id="trainning" href="#trainningSection"> <h5>trainning</h5> </a> </li>
<li> <a id="comitee" href="#comiteeSection"> <h5>comitee</h5> </a> </li>
<li> <a id="get_involved" href="#get_involvedSection"> <h5>get involved</h5> </a> </li>
</ul> </li>
<li class="hidden-xs hidden-sm col-md-4 col-lg-4"> <a>Archive</a>
<ul>
<li> <a href="our_society.html">our society</a> </li>
<li> <a href="makes_breaks.html">Makes n breaks</a> </li>
</ul> </li>
<li class="hidden-xs hidden-sm col-md-4 col-lg-4"> <a href="#">Events</a> </li>
<li class="hidden-md hidden-lg row">
<div class="col-xs-4 col-sm-4"> <a href="#">menu</a>
</div>
<div class="col-xs-1 col-sm-1">
<span class="glyphicon glyphicon-align-justify" id="navigate" aria-hidden="true">
</span>
</div></li>
</ul> </nav>
</body>
</html>
IE는 flexbox를 지원하지 않습니다. –
이 대안이 있습니까? – Tito
PolyFill을 사용해야 할 수도 있습니다. –