【问题标题】:How to eliminate the padding in the nav menu from Refinery CMS?如何消除 Refinery CMS 导航菜单中的填充?
【发布时间】:2013-09-12 00:48:16
【问题描述】:

左侧有当前的填充,是精炼厂以某种方式添加到菜单中的。

检查 header#header nav#menu 的元素时,这些是 CSS 规则

header#header nav#menu {
  width: 100%;
  max-width: 360px;
  margin: 0px auto;
  padding: 0px 6px;
}

<ul> 没有规则。并且项目菜单浮动为

header#header nav#menu ul li.first {
  float: left;
}

header#header nav#menu ul li.last {
  float: right;
}

那么我怎样才能将第一个项目菜单推送到位?它似乎尽可能地向左浮动,但它的父容器可能会以某种方式干扰。

【问题讨论】:

    标签: css refinerycms


    【解决方案1】:

    试试这个:

    header#header nav#menu ul {
      padding-left: 0;
    }
    

    header#header nav#menu ul {
      margin-left: 0;
    }
    

    【讨论】:

    • 有效的是 header#header nav#menu ul { padding-left: 0; },这很奇怪,因为我在萤火虫中看不到有任何规则应用于 <ul>
    • 我前段时间遇到了同样的问题,我认为是浏览器自动将广告填充到 ul 列表中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多