css 如何阻止div破坏其容器的填充？

8fq7wneg 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(155)

我想为我的网站制作一个组件，所以我创建了一个容器，里面有很多东西，包括一个按钮（这是问题所在）。按钮的宽度为100%，容器有20px的填充，我想让按钮在容器的底部，但当我这样做时，按钮的大小变得与容器的整个宽度相同，导致它溢出容器。
CSS
第一个

1条答案

将一个元素设置为position:absolute会使它忽略其父元素的填充。你可以将按钮放在底部，如下所示：

.container{
      padding:20px;
      display:flex;
      
    }
    
    #submit{
      margin-top:auto;
    }

或：

.container{
              padding:20px;
              display:flex;
              align-items:flex-end;
            }