当窗口大小增加时,垂直菜单项移动到同一行

时间:2015-10-06 作者:4514

我尝试过摆弄浮标和清零,但可以采取任何措施防止这种情况发生:

enter image description here

“乐趣”和“购物”应该在不同的线上。

以下是与nav/ul/li/a相关的CSS:

nav ul {
background-color:#fff;
font-size:70px;
margin:0;
padding:0;
line-height:100%;
}

.navbar nav {           left:2%;
position:fixed;
}

nav ul li {}

a {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#0088ce;
}

1 个回复
最合适的回答,由SO网友:Aric Watson 整理而成

你的nav ul li 定义的语法似乎不正确。尝试以下操作:

nav ul li {

    a {color:#000000;}
    a:visited {color:#000000;}
    a:hover {color:#0088ce; }
    clear: both;
}

相关推荐

通过主题定制器编辑style.css

直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0