CSS 导航栏全尺寸答案

【问题标题】：CSS Navigation bar full sizeCSS 导航栏全尺寸
【发布时间】：2013-12-11 17:05:09
【问题描述】：

所以我正在运行带有高级主题的 WordPress。

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

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

当我添加这个时，导航栏会改变大小，并变成我想要的。然而，posttitles 也改变了布局，变得非常丑陋。

我正在寻找一些输入

【问题讨论】：

【解决方案1】：

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

即“.nav li”（.nav 是您导航的类或 ID），而不仅仅是“li”

【讨论】：

【解决方案2】：

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

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

和.css

.clearfix{
    clear:both;
}

【讨论】：