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

当子容器的position设置为absolute或者fixed,如果元素的父容器为body的时候设置width为100%会出现横向滚动条,因为这里的100%是相对屏幕而不是浏览器。所以不能设置100%,如果想要全屏显示则设置子容器left:0px;right:0px;即可
<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;
}




猜你喜欢

转载自blog.csdn.net/zxh1220/article/details/79767398
今日推荐