网页右侧悬浮广告

最新推荐文章于 2021-06-04 10:29:25 发布

转载最新推荐文章于 2021-06-04 10:29:25 发布 · 1.9k 阅读

文章标签：

#web前端

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用CSS实现的页面固定悬浮元素的方法。通过设置特定的样式属性，如位置、宽度和高度等，使得元素能够在页面滚动时保持在固定位置。本文还提供了一个简单的HTML示例，演示如何将该样式应用到图片上。

<div class="home_fixed">
  <a href="javascript:;"><img src="images/home_add.png" height="58" width="165"></a>
</div><pre name="code" class="css"><style type="text/css">
  .home_fixed{width:177px; height:100px; position:fixed; top:40%; right:100px;/*  background:#faf8f9; */}
</style>