导航栏向左浮动使内容在同一行答案

【问题标题】：Navbar float left makes contents on same line导航栏向左浮动使内容在同一行
【发布时间】：2014-02-19 00:02:47
【问题描述】：

我正在尝试建立一个示例网站，但遇到了一个问题，即页眉和页脚之间的部分与页眉放在同一行

删除边距和填充重置为通配符可以解决此问题，但必须有另一种方法。

header ul {
  display: inline; }
  header ul .nav-header li {
    list-style: none;
    margin-right: 1em;
    float: left; }
  header ul a {
    text-decoration: none; }

*{ margin: 0; padding: 0; }

【问题讨论】：

请提供小提琴
小提琴添加到主帖
将 ul 更改为显示：inline 适用于小提琴，但不适用于我在 rails 中的应用
然后让它变得重要！

标签： html css ruby-on-rails ruby sass

【解决方案1】：

如果我正确理解了您的问题，那么这应该对您有所帮助

.nav-header li {
list-style: none; 
margin:  0 auto;
display: inline;
}

.nav-footer li{
list-style:none;
}

Working Fiddle

【讨论】：

我同意这应该可行，但我没有相同的解决方案
* { 边距：0;填充：0； } 也设置了