个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
基本上我想要一个固定的导航来扩展视口(viewport)的长度，以便背景和边框底部覆盖视口(viewport)的宽度，但我希望文本(导航链接)与它所在的容器 div 保持对齐里面。
我试过在负 % 处使用 margin-left，但是虽然这修复了整个视口(viewport)宽度的导航，但文本(导航链接)随后消失了。我怎样才能让它们回到 View 中并在父容器 div 中包含 JUST TEXT？ (我真的希望这对有人理解有意义)同样，我基本上只是希望站点导航上的边框底部沿着视口(viewport)的长度延伸，文本保留在原处。
作为旁注:这是为 wordpress 主题设计的。
.container {
max-width: 928px;
margin: 0 auto;
padding-left: 20px;
padding right: 20px;
overflow: hidden;
}
/*Primary Header Menu*/
.site-header {
margin: 0 auto;
}
.site-header nav {
background-color: #FFF;
position: fixed;
z-index: 99999;
width: 100%;
height: 50px;
top: 0;
padding-top: 15px;
text-transform: uppercase;
font-size: 90%;
border-bottom: 1px solid #393734;
}
.site-header nav ul li {
margin-right: 5px;
position: relative;
width: 150px;
z-index: 1;
}
.site-header nav ul li a:link,
.site-header nav ul li a:visited {
display: block;
padding: 10px 18px;
text-decoration: none;
}
.site-header nav ul li a:hover {
color: #ECECEC;
}
.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited,
.site-header nav ul li.current-page-ancestor a:link,
.site-header nav ul li.current-page-ancestor a:visited {
color: #006ec3;
}
/*dropdown menu for subs*/
.site-header nav ul ul {
display: none;
background-color: #FFF;
}
.site-header nav ul li:hover ul{
display: block;
position: absolute;
top: 30px;
padding-left: 0;
}
/*prevents subs from displaying side by side*/
.site-header nav ul ul li,
.site-header ul ul a {
float: none;
}<body <?php body_class(); ?>>
<div class="container">
<header class="site-header">
<nav class="site-nav">
<?php
$args = array(
'theme_location' => 'primary'
);
?>
<?php wp_nav_menu( $args ); ?>
</nav>
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
</header>最佳答案
您需要更改页面的 html 以使其按您需要的方式运行。
.container具有网站用于居中主要内容的设置宽度。
您需要删除最上面的 <div class="container">在 <header> 下面然后添加一个新的 <div class="container">在 <nav> 内.
然后您可以使用背景颜色、边框等设置导航样式...
<body <?php body_class(); ?>>
<header class="site-header">
<nav class="site-nav">
<div class="container"> <!-- INCLUDE THE .CONTAINER CLASS INSIDE THE NAV -->
<?php
$args = array(
'theme_location' => 'primary'
);
?>
<?php wp_nav_menu( $args ); ?>
</div>
</nav>
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />
</header>
<div class="container">
<!-- OTHER CONTENT... -->关于html - 如何将固定导航扩展到容器 div 之外，但文本与容器对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34135721/
25
4
0
如何将浮点 10 字节十六进制字符串(Delphi 中的扩展数据类型)转换为 C# 数据类型？ 例如:00 00 00 00 00 00 00 80 ff 3f 在 Delphi 1 最佳答案 涉及同
我正在阅读 this page上面写着 If one of the strings has an encoding prefix and the other doesn't, the one that
我有以下代码(作为示例)，我想对其进行调整，以使功能区扩展到整个 xrange，如 geom_hline()做。功能区指示哪些值在可接受的范围内。在我的实际应用程序中，有时没有上限或下限，因此 hli
去年，斯科特·格思里 stated “如果您想要对执行的 SQL 进行绝对控制，您实际上可以覆盖 LINQ to SQL 使用的原始 SQL”，但我找不到描述可扩展性方法的文档。 我想修改以下 LIN
我尝试在我的应用中创建一个抽屉导航。我有 3 个当前选项(查看、声明、报告)，当然这 3 个 Activity 已扩展到 fragment。在View 中，它有一个next 按钮，该按钮将转到另一个页
很抱歉，如果我的问题被重复，但我无法(或不知道如何谷歌)找到答案。我想使用 rxlifecycle-navi 库来将 rxjava 绑定(bind)到生命周期，所以我需要扩展 NaviActivity
有这个html: aaa 做的时候: $('#hi1').sayHi(); 我想收到一条“嗨”提醒 有人知道这是怎么做到的吗？ 最佳答案 了解更多关于jQuery plugin authoring
我有一个 UIImageView 和一个 UITextView。当点击 UITextView 时，我需要 UITextView 在 UIImageView 上展开。我不知道该怎么做。 从这里 为此 最
以下语句: URLClassLoader ucl = (URLClassLoader) ClassLoader.getSystemClassLoader(); Class uclc = ucl.get
以下语句: URLClassLoader ucl = (URLClassLoader) ClassLoader.getSystemClassLoader(); Class uclc = ucl.get
$的意思是什么!在 shell 或 shell 脚本中？我正在尝试理解具有以下内容的脚本。 local@usr> a=1 local@usr> echo $a 1 local@usr> echo $!
我正在 GWT 中设计一个简单的应用程序，并且在客户端有不同的 View 。每个 View 都从 SimplePanel 扩展而来，并将根据需要添加到 RootPanel。 我的第一个 View 是
我尝试在 SQL Azure 选项卡中从 S2 扩展到 S3，但 S3 似乎不可用，尽管它已被引入。另外，我还有大量可用的 DTU，即 1900 左右。是否无法扩展到 S3？我是否需要导出数据库，然后
我有一个带有 JS、html 和 css 的自定义视频播放器。我的问题的关键是我没有预料到将其从一个视频扩展到两个视频，我希望重构它，以便我可以在一个页面上播放多个视频。我尝试将所有内容重写为 for
我当前正在开发的应用程序需要可扩展的实时通信。我们一直在研究并尝试 Firebase 实时数据库和 firestore。看来Firebase实时数据库更加成熟并且经过测试，而firestore仍处于测
当 pod 被 daemonset 控制时，pod 会出现一些错误，状态会是 CrashLoopBackOff ，我想删除这些 Pod 但不想删除 DaemonSet。 所以我想把daemonset缩
我有 Jframe 表单并创建了从中绘制图形的类，为此我需要将该 void 类扩展为 jframe 表单 package grafiktest; import java.awt.Color; impo
在布局和尺寸策略方面，我从来都不是太出色，所以这可能是一个简单的答案，但就是这样。 当我向 QTabWIdget 添加新选项卡并将小部件设置为 QSplitter 时，拆分器将使用给定的全部空间量。但
我在将我的 S4 对象转换回列表时遇到了一些问题。例如，以下嵌套的 S4 类: setClass("nssItem", representation(value = "numeric
在阅读了 DDD 的一些页面后，我了解了存储库模式，然后在应用程序中成功使用了它(我真的很喜欢它)；然后我注意到 EntityManager 是 generic-repository-like，但是当
我是一名优秀的程序员,十分优秀！