Question

因为我大约16岁（我现在已经30岁了）而没有编码而且我刚刚从头开始。我以前使用Dreamweaver并只编辑代码，但现在我想开始认真对待它。

无论如何，我只是在练习这个网站：http://scott.ewarena.com/blog

顶部的粘性导航是问题所在。我有漂浮和左右随时随地漂浮，但你可以看到他们没有排队。

CSS文件是：http://scott.ewarena.com/blog/wp-content/themes/bootstrapstarter/style.css

有人可以帮忙吗？

（如果有人能清理我用CSS文件制作的绝对MESS，我不介意大声笑）

.NavAlignLeft {
  font-family: 'Vollkorn', serif;
  font-style: oblique;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  float: left;
}
.NavAlignLeft:hover {
  font-family: 'Vollkorn', serif;
  text-decoration: none;
}
.NavAlignRight {
  font-family: 'Vollkorn', serif;
  font-style: none;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  float: right;
}
.NavAlignLeft,
.NavAlignRight {
  width: 50%;
  display: inline-block;
}

<div class="blog-masthead">
  <div class="NavAlignLeft">
    <a href="/" class="NavAlignLeft">Site Name</a> 
  </div>
  <div id="navContainer">
    <div class="NavAlignRight ">
      <?php wp_nav_menu( array( 'theme_location'=>'header-menu', 'menu_class' => 'blog-nav list-inline' ) ); ?>
    </div>
    <div style="clear:both;"></div>
  </div>
</div>

谢谢，斯科特

Answer 1

我从CSS文件中删除了一些代码然后只添加了一些padding-top：10px;到div CSS代码。

非常感谢！

CSS浮动右/左未正确对齐

1 个答案: