bananer图居中

最新推荐文章于 2024-10-31 15:56:11 发布

一名不知名程序员

最新推荐文章于 2024-10-31 15:56:11 发布

阅读量124

点赞数 1

分类专栏：三级列表的书写文章标签： CSS 绝对定位居中显示负外边距盒模型

本文链接：https://blog.csdn.net/why0925123/article/details/125685335

版权

三级列表的书写专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           /* 绝对定位的元素会脱离标准文档流，
           父级塌陷，解决办法是给父级加高度 */
           .wrapper{
               /* 去掉滚动条 */
               overflow: hidden;
               position: relative;
               width: 100%;
               height: 500px;
           }
           .box{
               width: 1920px;
               height: 500px;
               /* margin+负外边距 */
               position: absolute;
               left: 50%;
               margin-left: -960px;
           }
       </style>
   </head>
   <body>
       <div class="wrapper">
           <div class="box">
               <img src="./img/01.jpg" alt="">
           </div>
       </div>
   </body>
</html>