Html 固定在div元素上的位置

我试图将positionfixed指定给下面的div。但是当我将position:fixed添加到css时，元素就消失了。任何建议都会被告知。谢谢

维多利亚

网站和代码如下

#现在预订{
背景图片：url（“back_2.png”）；
背景重复：重复；
文本对齐：右对齐；
右边填充：60px；
填充顶部：40px；
}

固定元素在浏览器中是固定的。您必须通过给它

top

和

right

属性的值来定义希望它固定的位置

  position:fixed;
  top: 100px;
  right: 100px;

---

如果元素具有固定位置，则您不仅必须使用

顶部

或

底部

和

左侧

或

右侧

的设置来定义其位置（默认为窗口的左上角），但是还有一个

宽度

和

高度

——否则它的宽度和高度都为零，因此不可见

另外：如果上述四种设置都有位置设置（

顶部

、

底部

、

左侧

和

右侧

），则不需要宽度和高度，因为它们由这些位置定义

例如：

.x{
位置：固定；
顶部：60px；
左：100px；
宽度：160px；
高度：120px；
背景图像：url（“http://placehold.it/60x40/fa7");
背景重复：重复；
文本对齐：右对齐；
}

---

使用“位置：固定”时，它用于浏览器窗口。 您需要输入top、left、right或bottom值。 例如：

---

你是想让它固定在同一个点上，不管你在哪里滚动，还是想让它正好在滑块下方？嗨，我希望对象正好在滑块下方…当你向下滚动时，你会一直看到它。我回答对你的问题了吗？如果有更简单的解决方案，我愿意接受建议：）。谢谢！！！！！！你只想修复黄皮书的图像，对吗？没有这个黑暗的背景？然后我建议删除book fondo和book now div，只定位包含图像的链接。带：位置：固定；顶部：250px（或多或少）；右：0；或者按照上面提到的那样现在定位书本并移除背景image@VictoriaG这是一个非常漂亮的网站。@OlivierKrull请澄清问题是什么。你想把它修好。它必须在某个地方修好。你想要的最终结果是什么，你能澄清一下吗？没问题，伙计，我只是同意你的答案。（我没有问这个问题）。@OlivierKrull好的，对不起。我以为这是你最初的想法，你想要一个更好的。@OlivierKrull LOL我以为我已经回答了你的问题。对不起。这是维多利亚提出的要求。：）如果没有

宽度

和

高度

设置，这将是不够的/将保持不可见-请参见下面的我的答案+示例…嗨，尼娜，非常感谢你的回答！它也成功了！：）谢谢Johannes，还有完整的帮助信息！你好不幸的是，客户端希望将此对象从顶部放置700 px。。。显然，当我这样做的时候，那个物体就消失了…任何线索为什么…它似乎发生在顶部的任何位置：600px:/

  position:fixed;
  top: 100px;
  right: 100px;

#book-now{
    position: fixed;
    top: 50px;
    left: 50px;
    background-image: url("back_2.png");
    background-repeat: repeat;
    text-align: right;
    padding-right: 60px;
    padding-top: 40px;
}