这是我工作的jsfiddle:http://jsfiddle.net/nalinc/rym2zku1/9/
nav ul,
nav ol {
list-style: none;
margin: 0;
padding: 0;
}
.nav-item ul {
padding: inherit;
border: 1px solid black;
text-align: left;
border-radius: 4px;
}
.nav-item ul li:hover {
background-color: #d1d1d1;
}
.nav-bar {
text-align: center;
}
@media screen and (min-width: 769px) {
.nav-bar--left {
display: table;
table-layout: fixed;
width: 100%;
text-align: left;
}
.nav-bar--left .grid-item {
float: none;
display: table-cell;
vertical-align: middle;
}
}
#nav {
position: relative;
display: block;
list-style-type: none;
padding: 0; …Run Code Online (Sandbox Code Playgroud)