CSS导航栏全尺寸

Question

所以我正在使用高级主题运行WordPress。

我想更改导航栏的大小，所以我添加了

li
{
float:left;
}
a
{
display:block;
width:60px;
}

当我添加它时，导航栏会改变大小，并且变为我想要的。但是，字幕也改变了布局，变得非常难看。

我正在寻找一些输入

Answer 1

如果您在全球范围内定位li元素，则可能不仅仅影响导航区域。尝试为您的规则添加更多特异性。

即。 “.nav li”（。无论你的导航的类或ID是什么），而不只是“li”

Answer 2

听起来像浮动正在影响其他元素。使用clear:both可以解决此问题。

<ul>
 <li>....</li>
</ul>
<div class="clearfix"></div>

和.css

.clearfix{
    clear:both;
}