父级容器relative子级容器absolutte时，如何设置子级窗口的宽度

最新推荐文章于 2022-04-18 15:24:54 发布

左小皓

最新推荐文章于 2022-04-18 15:24:54 发布

阅读量463

点赞数

分类专栏：小程序开发

小程序开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<span style="color:#434343">当子容器的position设置为absolute或者fixed，如果元素的父容器为body的时候设置width为100%会出现横向滚动条，因为这里的100%是相对屏幕而不是浏览器。所以不能设置100%，如果想要全屏显示则设置子容器left:0px;right:0px;即可</span>

<body>
  <div class="one">
    <div class="two">
      
    </div>
  </div> 
</body>

.one{
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}
.two{
  position: absolute;
  left:0px;
  right: 0px;
  margin: 0 20px;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

左小皓

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
父级容器relative子级容器absolutte时，如何设置子级窗口的宽度

<span style="color:#434343">当子容器的position设置为absolute或者fixed，如果元素的父容器为body的时候设置width为100%会出现横向滚动条，因为这里的100%是相对屏幕而不是浏览器。所以不能设置100%，如果想要全屏显示则设置子容器left:0px;right:0px;即可</span><body&gt...
复制链接

扫一扫