【发布时间】：2014-07-20 09:08:16
【问题描述】：
我正在尝试获取我的徽标，以便与菜单保持一致。
例子：
_________________|<Edge of logo------|____________________________________
_________________|<Edge of Menu ---------------------------|_______________
无论页面大小如何，两条边都应对齐。
目前，当页面调整大小时，项目会分开并独立移动。
这是该网站的链接：goo.gl/46yUrt
如果您需要任何其他信息，请告诉我。
[编辑 1]
header.php 代码：（不确定这是否与独立对齐有关，但无论如何我已经包含它）
<div id="navbar" class="navbar">
<div class="logo-align">
<a href="http://level42.ca/village"><img src="http://level42.ca/village/wp-content/uploads/2014/05/logo.png" width="370" height="61" alt="© FDC Designs"></a><P></P>
</div>
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>
<a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->
</div><!-- #navbar -->
Style.css 代码：
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
.main-navigation {
clear: both;
margin: auto;
max-width: 1028px;
min-height: 35px;
position: relative;
/*float:right;
Padding: 0 300px;*/
z-index: 1;
top: 30px;
Background: #141412;
}
徽标对齐：
.site-header .logo-align {
padding: 30px 0px 0px 0px;
position: relative;
left: 20%;
}
我不是 CSS 专家，充其量只是个菜鸟。我尝试添加 left: 25%，这似乎可行，但前提是我不更改页面大小。我玩过 Padding、Positing 和 float 命令，但似乎无法正确排列它们。
如果您需要更多信息，请告诉我。
【问题讨论】：
-
“调试我的网站”问题只有一个网站链接可能会被关闭，因为一旦你解决了问题，这个问题对于以后遇到同样问题的任何人来说都是无用的。有关如何改进问题的说明，请参阅Something in my web site or project doesn't work. Can I just paste a link to it?
-
我添加了更多细节，我不完全确定可能需要什么代码 sn-ps 来向你们展示问题，但这些是我用来在菜单中移动的代码行和标志。我对 CSS 的了解非常少。我边走边学。如果您还有其他需要或觉得我应该包括的内容，请告诉我。
-
为什么这个问题有负1？我已尽我所能添加了所有必需的信息，我愿意根据需要添加更多信息。
标签： css wordpress menu navigation alignment