Css 强制徽标与菜单保持一致

Css 强制徽标与菜单保持一致,css,wordpress,menu,navigation,alignment,Css,Wordpress,Menu,Navigation,Alignment,我正试图得到我的标志,与菜单保持一致 例如: _________________|<Edge of logo------|____________________________________ _________________|<Edge of Menu ---------------------------|_______________ 标识对齐: .site-header .logo-align { padding: 30px 0px 0px 0px;

我正试图得到我的标志,与菜单保持一致

例如:

_________________|<Edge of logo------|____________________________________
_________________|<Edge of Menu ---------------------------|_______________
标识对齐:

.site-header .logo-align {
     padding: 30px 0px 0px 0px;
     position: relative;
     left: 20%;
}
我不是CSS专家,充其量只是一个彻头彻尾的傻瓜。我尝试过添加left:25%,这似乎有效,但前提是我不改变页面大小。我已经使用了填充、定位和浮动命令,但我似乎无法正确地排列它们


如果您需要更多信息,请告诉我。

尝试将徽标和菜单放在同一个div或标签中,并在其上加上左边框。。我不完全了解您的页面是如何构建的

尝试将徽标和菜单放在同一个div中,甚至放在一个标记中,并在其上留一个左边距。。我不完全了解您的页面是如何构建的

尝试将徽标和菜单放在同一个div中,甚至放在一个标记中,并在其上留一个左边距。。我不完全了解您的页面是如何构建的

尝试将徽标和菜单放在同一个div中,甚至放在一个标记中,并在其上留一个左边距。。我不完全了解您的页面是如何在Mariano Urbonas的帮助下构建的,而不是像这样的代码:

<div class="logo-align">
          Logo
</div>
<div id="navbar" class="navbar">
     <nav id="site-navigation" class="navigation main-navigation" role="navigation">
          Nav Bar
     </nav><!-- #site-navigation -->
</div>
我还需要删除我之前编写的独立对齐代码


在进行这些更改时,它似乎如我所期望的那样工作。

在Mariano Urbonas的帮助下,没有像这样的代码:

<div class="logo-align">
          Logo
</div>
<div id="navbar" class="navbar">
     <nav id="site-navigation" class="navigation main-navigation" role="navigation">
          Nav Bar
     </nav><!-- #site-navigation -->
</div>
我还需要删除我之前编写的独立对齐代码


在进行这些更改时,它似乎如我所期望的那样工作。

在Mariano Urbonas的帮助下,没有像这样的代码:

<div class="logo-align">
          Logo
</div>
<div id="navbar" class="navbar">
     <nav id="site-navigation" class="navigation main-navigation" role="navigation">
          Nav Bar
     </nav><!-- #site-navigation -->
</div>
我还需要删除我之前编写的独立对齐代码


在进行这些更改时,它似乎如我所期望的那样工作。

在Mariano Urbonas的帮助下,没有像这样的代码:

<div class="logo-align">
          Logo
</div>
<div id="navbar" class="navbar">
     <nav id="site-navigation" class="navigation main-navigation" role="navigation">
          Nav Bar
     </nav><!-- #site-navigation -->
</div>
我还需要删除我之前编写的独立对齐代码


在进行这些更改时,它似乎像我预期的那样工作。

只有网站链接的“调试我的网站”问题可能会被关闭,因为一旦您解决了问题,该问题对于以后出现相同问题的任何人来说都是无用的。有关如何改进问题的说明,请参见我添加了一些更详细的内容,我不完全确定可能需要哪些代码片段来向大家展示问题,但这些是我用来在菜单和徽标中移动的代码行。我对CSS的了解很少。我边走边学。如果你还需要什么,或者觉得我应该包括什么,请告诉我。为什么这个问题的答案是否定的1?我已经尽我所能添加了所有必需的信息,并且我愿意根据需要添加更多信息。“调试我的网站”问题(仅指向该网站的链接)可能会被关闭,因为一旦您解决了问题,该问题对于以后有相同问题的任何人来说都是无用的。有关如何改进问题的说明,请参见我添加了一些更详细的内容,我不完全确定可能需要哪些代码片段来向大家展示问题,但这些是我用来在菜单和徽标中移动的代码行。我对CSS的了解很少。我边走边学。如果你还需要什么,或者觉得我应该包括什么,请告诉我。为什么这个问题的答案是否定的1?我已经尽我所能添加了所有必需的信息,并且我愿意根据需要添加更多信息。“调试我的网站”问题(仅指向该网站的链接)可能会被关闭,因为一旦您解决了问题,该问题对于以后有相同问题的任何人来说都是无用的。有关如何改进问题的说明,请参见我添加了一些更详细的内容,我不完全确定可能需要哪些代码片段来向大家展示问题,但这些是我用来在菜单和徽标中移动的代码行。我对CSS的了解很少。我边走边学。如果你还需要什么,或者觉得我应该包括什么,请告诉我。为什么这个问题的答案是否定的1?我已经尽我所能添加了所有必需的信息,并且我愿意根据需要添加更多信息。“调试我的网站”问题(仅指向该网站的链接)可能会被关闭,因为一旦您解决了问题,该问题对于以后有相同问题的任何人来说都是无用的。有关如何改进问题的说明,请参见我添加了一些更详细的内容,我不完全确定可能需要哪些代码片段来向大家展示问题,但这些是我用来在菜单和徽标中移动的代码行。我对CSS的了解很少。我边走边学。如果你还需要什么,或者觉得我应该包括什么,请告诉我。为什么这个问题的答案是否定的1?我已经尽我所能添加了所有必需的信息,并且我愿意根据需要添加更多信息。我创建的主题基于默认的Wordpress“Twenty13”主题,我只是不断地修改代码,直到它看起来有点像我所想的。在header.php文件的div中添加徽标?我现在正在玩弄它,如果我能把它排成一行,我会发布我的结果。我制作的主题是基于默认的Wordpress“Twenty13”主题,我只是一直在删减代码,直到它看起来有点像我想的。在header.php文件的div中添加徽标?我现在正在玩弄它,如果我能把它排成一行,我会发布我的结果。我制作的主题是基于默认的Wordpress“Twenty13”主题,我只是一直在删减代码,直到它看起来有点像我想的。在header.php文件的div中添加徽标?我现在正在玩弄这个,我会的
background-color: #ffffff;
margin: auto;
max-width: 1028px;
width: 100%;
 left: 20%;
 margin: auto;
 position: relative;