绝对定位元素宽度如何占满全屏

qq_42135741

已于 2022-08-17 14:51:12 修改

阅读量554

点赞数

分类专栏： html-css 文章标签：前端 java 开发语言

于 2022-08-16 18:06:03 首次发布

本文链接：https://blog.csdn.net/qq_42135741/article/details/126371674

版权

html-css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了CSS中的绝对定位技术，如何利用它实现元素相对于body的定位，以及如何通过设置margin来调整元素的位置。同时，文章还展示了如何创建一个横向进度条，强调了`absolute`和`relative`定位的区别以及在实际布局中的应用。

摘要由CSDN通过智能技术生成

  <div class="h-44.75rem rounded-3xl grid grid-cols-1 box-border pt-24 md:(bg-card-md place-items-center)">
    <!-- progess -->
    <div class="absolute w-screen right-0 left-0 mt-7.375rem md:(mt-10.875rem)">
      <div class="w-full bg-community-progess h-10  border-1 mx-auto"></div>
    </div>
  </div>
//元素设置绝对定位，注意：是要相对body绝对定位。
然后  不要设置top偏移量，这两 progess就会 默认在最近父元素上面。。。
如果再要调整位置。就给自己设置margin。。。