【问题标题】:Aligning NavBar Right cause NavBar to disable右对齐 NavBar 会导致 NavBar 禁用
【发布时间】:2014-05-30 02:59:09
【问题描述】:

我正在尝试右对齐我的导航栏,但每当我添加 float:right 时,导航栏就会向右移动,但似乎已禁用。

见这里:goo.gl/46yUrt

代码:

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
    clear: both;
    margin: 0;
    max-width: 100%;
    min-height: 45px;
    position: relative;
    float:right;
}

我正在使用 TwentyThirteen 主题的自定义修改版本。

理想情况下,我希望菜单位于顶部的徽标旁边,都居中。

【问题讨论】:

  • 我不确定用户可能需要什么信息,所以如果您需要其他信息,请告诉我。
  • div.content-entry 似乎在我添加 float:right 时向上移动。

标签: css wordpress css-float alignment right-align


【解决方案1】:

float:right 似乎将导航栏定位在另一个元素下方。添加 z-index:1 可以解决这个问题,但您仍然需要调整栏的位置。

【讨论】:

  • 我在 .site-header .logo-align 中找到了一个 Float:Left ,我将其删除。这样做,我似乎已经解决了这个问题。现在,我只需要将菜单放在徽标旁边。
  • 最终还是不得不使用 z-index。谢谢!
猜你喜欢
  • 2021-08-27
  • 2017-11-26
  • 2013-02-13
  • 1970-01-01
  • 2017-07-07
  • 2023-01-26
  • 1970-01-01
  • 2023-03-14
  • 2014-07-19
相关资源
最近更新 更多