24

我在我的网站左上角创建了这个 div，其中包含徽标。但是，我希望它保持在那里并且在滚动时不会上下移动。请指教。

<div style="padding: 5px 0 0 5px; height: 140px; width: 150px;">
   <p align="left">
      <img src="images/logo.png" border="5" alt="Logo" />
   </p>
</div>

谢谢

4

3 回答 3

31 
<div style="padding: 5px 0 0 5px; height: 140px; width: 150px;position:fixed;left:0;top:0">

供参考：http ://www.w3schools.com/css/css_positioning.asp

于 2013-07-29T07:50:24.593 回答
21

位置：固定； 具有固定位置的元素相对于浏览器窗口定位。即使窗口滚动，它也不会移动。

所以改变你的CSS：

<div style="position : fixed; padding: 5px 0 0 5px; height: 140px; width: 150px;">
于 2013-07-29T07:52:10.917 回答
0

像这样向您的 div 添加一个 id：

<div style="padding: 5px 0 0 5px; height: 140px; width: 
150px;"id="idOfDiv">
<p align="left"><img src="images/logo.png" border="5" alt="Logo" />
</p>
</div>

添加到 CSS：

#idOfDiv {position:fixed;}

现在，它不应与页面的其余部分或父元素一起滚动。

jsfiddle 中的示例：https ://jsfiddle.net/PJM257/pL1s6jpz/

于 2017-12-26T23:08:32.140 回答