当div为position: fixed自适应居中

最新推荐文章于 2024-04-25 15:04:32 发布

weixin_33709609

最新推荐文章于 2024-04-25 15:04:32 发布

阅读量486

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/3803573/blog/2878911

本文介绍了一种使用CSS实现div元素在页面中固定位置并自适应居中的方法。通过设置position属性为fixed，并结合top、left、right及margin属性，使div元素能够在页面上保持居中显示，即使在不同分辨率的设备上也能保持良好的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>当div为position: fixed自适应居中</title>
       <style>
           .fixed {
               width: 300px;
               height: 150px;
               background-color: red;
               position: fixed;
               top: 20%;
               left: 0;
               right: 0;
               margin: 0 auto;
           }
       </style>
   </head>
   <body>
       <div class="foxed">
           fixed浮动居中
       </div>
   </body>
</html>