Question

我正在尝试在滚动div旁边创建一个固定div，例如Fixed div next to a centered div。我已经看过那个和Fixed div next to parent div，但它似乎对我正在做的事情不起作用。这是我正在处理的代码（没有任何我正在尝试的代码）：http://jsfiddle.net/Firedrake969/dbLt9/

我试过

float:left;

但它不适用于

position:fixed;

此外，在切线上，背景div（因为它已修复）不允许您滚动页面。

Answer 1

FIDDLE 此处
^以上是您的代码的更新链接。

<强>讨论
您无需在height div中定义position和#back。只需从CSS中删除它们即可。您可能会看到浏览器本身添加的自动边距。要将此设置margin: 0;覆盖为body。

同样在您的#intro div上，您正在使用top: 20px;，这会让这个div溢出它的父级。相反，您可以使用margin-top: 20px;

Answer 2

拜托，试试吧。

jsfiddle

或者，也许你想要这个：jsfiddle

#top {
    text-align:center;
    background: aliceblue;
    position: fixed;
    width:100%;
    top:0;
    height: 30px;
}
#menu {
    background-color:#8F8E94;        
    font-size:35px;
    margin-top:30px;
}

<div id='top'>Welcome!</div>
<div id='menu'>
Menu <br>
Lorem ipsum dolos accusata pericula. Nonumy saperet alienum per ne, an nam mutat autem, vel diam evertitur sadipscing eu. Errem graece cotidieque an pri. Per et idque populo luptatum.
<br>
Lorem ipsum dolos accusata pericula. Nonumy saperet alienum per ne, an nam mutat autem, vel diam evertitur sadipscing eu. Errem graece cotidieque an pri. Per et idque populo luptatum.
<br>
Lorem ipsum dolos accusata pericula. Nonumy saperet alienum per ne, an nam mutat autem, vel diam evertitur sadipscing eu. Errem graece cotidieque an pri. Per et idque populo luptatum.
<br>
Lorem ipsum dolos accusata pericula. Nonumy saperet alienum per ne, an nam mutat autem, vel diam evertitur sadipscing eu. Errem graece cotidieque an pri. Per et idque populo luptatum.

</div>

CSS：相对div旁边的固定div

2 个答案: