html - 标志 'sticking' 到我的导航栏-6ren

html - 标志 'sticking' 到我的导航栏

转载作者：行者123 更新时间：2023-11-28 10:13:25

24

4

我被分配了一个小型 HTML 元素，我对 Logo 和导航栏之间的关系感到困惑。 Logo 应该有自己的位置，但无论我尝试应用什么修复，它似乎都粘在导航栏上。

我尝试取消嵌套 div，并将它用作独立的 div 而没有 .body >，但它只是不想离开导航栏。

我创建了一个 JSFiddle here , 但它仍然没有真正显示问题。

我做错了什么？

最佳答案

尝试更改为

body > .logo {
position:fixed;
margin-top:-140px;
width:310px;
}

Fiddle Here

关于html - 标志 'sticking' 到我的导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24302006/

24

4

0

文章推荐： android - -webkit-溢出-滚动 : touch on android

文章推荐： html - 带有子菜单的 Wordpress 子菜单在悬停时消失

文章推荐： javascript - Chrome : className attribute changing not working with GWT

css - Sencha 触摸 2 : 3 containers: stick to the left (fixed width) + stick to the right (fixed width) +middle (the rest)
水平对齐三个容器的最佳方式是什么？左侧容器宽度为 3em，右侧容器宽度为 3em，中间容器宽度为其余宽度？ layout:{ type : 'hbox', pack : 'center
Unix:获取导出路径到 "Stick"
在Unix中设置导出路径时，示例: export PATH=$PATH: $EC2_HOME/bin 如果我退出终端并重新打开它以继续工作，我必须再次执行所有步骤，每次都设置路径。我想知道如何设置路
jenkins - "stick"作业发送给master
我正在运行 Jenkins 1.455。我有一个主人和几个奴隶。我在构建上使用标签，并将从属设备设置为“仅将这台机器用于相关工作”，一切正常。然而，我想做相反的事情，并将从站设置为“尽可能多地利用这个
ios - 如何在滚动时使tableView单元格为 "stick"
我的 tableView 顶部的单元格上有一个 SegmentedControl (tableView 由所有静态单元格组成)...我希望顶部单元格(和分段控件)“粘住”，以便用户始终可见滚动浏览表格
ios - "Stick"UIView和SCNNode一起做动画
背景我想同步移动一个 SCNNode 和一个包含图像的 UIView。 UIView 和 UIImageView 位于节点上，因此看起来它们是 SCNNode(立方体)的纹理。代码 let mov
html - 一起上课 'sticking'
我正在尝试用 HTML5+CSS3 制作一个简单的 1page 响应式网站，它在一个大的可滚动页面上有几个部分彼此下方，如下所示: Section 1 [content] Section 2 [con
html - 制作html框 "stick out"
我正在尝试制作一个“图像 strip ”(许多小图像从屏幕左侧开始向左浮动到右侧)。问题是当我调整浏览器大小时，图像开始“堆叠”在(默认 block 行为)下，而不是简单地消失，“伸出容器”。我试过将
c++ - 引用的结构不是 'sticking'
关闭。这个问题是off-topic .它目前不接受答案。想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。关闭 14 年前。 Improve thi
c# - MySql语句准备 "not sticking"
我正在尝试使用准备好的语句，虽然 MySqlCommand 执行得很好，但执行时间很糟糕。我让它将 cmd.IsPrepared 的结果写入控制台，果然，它是错误的。这是我设置 MySqlComman
c# - MySql语句准备 "not sticking"
我正在尝试使用准备好的语句，虽然 MySqlCommand 执行得很好，但执行时间很糟糕。我让它将 cmd.IsPrepared 的结果写入控制台，果然，它是错误的。这是我设置 MySqlComman
【Linux基础入门教程】Linux Stick BIT（SBIT）文件特殊权限用法详解
Sticky BIT，简称 SBIT 特殊权限，可意为粘着位、粘滞位、防删除位等。 SBIT 权限仅对目录有效，一旦目录设定了 SBIT 权限，则用户在此目录下创建的文件或目录，就只有自己和 root
java - 为Android游戏创建 "stick controls"？
我正在尝试创建一个简单的Android游戏，一个2D Action 射击游戏，屏幕上有2个控制杆(圆圈)，左边一个是移动控制，右边一个是武器控制。方向由拇指相对于圆中心的位置控制。我一直在关注此网站
jquery - 为什么粘性导航在 'sticks' 时会改变宽度？
我使用路径点创建了一个粘性导航。导航嵌套在位于包装器内的 header 内。如果导航设置为 width:100% 即包装器的整个宽度，则当命中航路点且 position:fixed 时，其宽度将变为正
javascript - Firefox 中的代理设置不是 "stick"
在家里我们有一个代理服务器。在工作中我们没有。 Firefox 在这方面令人恼火:每当我启动它时，它默认为代理服务器。如果我执行“工具”>“选项”>“设置”并选择“无代理”，没问题。但是，如果我关闭
ios - 屏幕转换期间的 iCarousel Sticks
我正在使用 iCarousel。轮播包含大约 10 张图片。当屏幕转换时，图像会卡在下一个屏幕上。我在返回原始屏幕时正在使用 popToRootview。它与 UIImage alloc 有关系吗？
php - 变量没有 'stick' 到数组
我正在使用 twilio 发送短信。如果我直接插入我的号码 8881231234 就可以了。下面的代码有效: $client = new Services_Twilio($sid, $token);
python - TKinter - 使用网格布局的框架中的小部件不是 'sticking'
我在 TKinter 中构建了一个相当复杂的 GUI，所以很自然地一直在使用 .grid 函数。我已将我的一些小部件分组到框架中以使其更易于处理，但由于某些原因，当我在框架中使用 .grid 和小部
css - 将页脚获取到 "stick"到页面底部
我在使用 worpress 模板时遇到问题，我试图让页脚贴在页面底部。我找到了执行此操作的代码，但在某些页面上，页脚和内容正文之间有一个灰色部分。我已经在 firebug bug 中检查过这个，那里似
css - :hover not sticking to element
My Cart (0 items)和#cart 不重叠，但它们之间没有像素。我遇到的问题是当我将鼠标悬停在 My Cart 上时#cart显示，给定 :hover 类是正确的，但问题是当我将鼠标从 M
html - 标志 'sticking' 到我的导航栏
我被分配了一个小型 HTML 元素，我对 Logo 和导航栏之间的关系感到困惑。 Logo 应该有自己的位置，但无论我尝试应用什么修复，它似乎都粘在导航栏上。我尝试取消嵌套 div，并将它用作独立的

首页

博学

6Ren·AI

商城

html - 标志 'sticking' 到我的导航栏