Question

我有一个自举容器，但由于某种原因，容器的底部有一个间隙。

右侧栏不会一直到底。

问我怎样才能让右侧柱背景一直到底或移除容器div底部的间隙？

CSS

body {
    padding-top: 64px;
    background: #F0F0F0;
}

.gap-md {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.gap-sm {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#body-image {
    background: url(../../../images/blue-print-2.jpg);
    min-height: 380px;
}

.container {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    margin-top: -10rem;
    padding: 0;
}


.profile-stats {
    padding: 2rem;
    background: #F7F7F7;
    height: 100%;
}

Answer 1

你的h2上有一个边距，并且你的matchheight脚本会在你的个人资料信息部分的底部创建额外的，因为你允许在框区域溢出，所以h2的边距击中包含的div而不是你可以.box添加overflow:hidden .box div，或者只是从你的h2中删除边距，然后添加填充代替以下内容：

或者

.box{
  overflow:hidden;
}

或

h2{
  margin:0;
  padding:15px 0;
}

删除填充或边距

1 个答案: