【问题标题】:Div is not fixed according to my choice?div不是根据我的选择固定的吗?
【发布时间】:2016-05-21 22:57:50
【问题描述】:

我正在创建基本的 html 页面,我有一个主容器 div,它包含一个标题 div,它固定在顶部并且工作正常。在标题旁边,我有动画 div、图像 div,在图像旁边我有一个描述 div,我将描述 div 分为两个 div。 div1{float:left} 和 div2{float left}... 现在,当我打开页面并向下滚动以到达 div 1 和 div2 时。我希望 div2 在到达标题底部时应该固定在标题下... 是否可以使用简单的 css 或 javascript 或其他需要的东西来解决。 如果可能的话用css那么如何进行

【问题讨论】:

  • 有没有sn-ps或者jsfiddle的代码链接。
  • 尝试使用 position:fixed,如果没有解决,请尝试发布您的示例代码或链接到任何其他外部网站,例如 Codepen 或 jsfiddle。
  • 请看jsfiddle.net/salathiapartap/w4n7dw2w 当我向下滚动时,我希望我的红色 div 应该移动固定在标题的右上方底部,并且看起来应该固定在右侧, 只有当我向下滚动时
  • 你没有'div1'或'div2'类的dis?!您是指红色和绿色的奇怪浮动菜单 div 吗?
  • 这只是一个例子..

标签: html css asp.net web


【解决方案1】:

好吧,我想我明白你的意思了。您希望浮动菜单 div 不位于菜单块(静态标题 div)的顶部。正确的?在这种情况下,你只需要它是一个更高的 z-index。浮动菜单当前是 z-index:201;因此,只需将静态标题设置为更大的数字即可。

#static-header{
    z-index:301;
}

查看我更新的小提琴:https://jsfiddle.net/z9bxhbfs/

【讨论】:

  • 嗨,不。不是那样的。当它到达头部底部时,它应该停在那里,它不应该在头部下方和顶部。那是我的意思
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-10
  • 2010-12-14
  • 2018-09-07
  • 1970-01-01
相关资源
最近更新 更多