css - 我有一个不随内容增长的 div

Question

我有一个具有背景颜色的主 div。我在该 div 中放置了一个宽度为:675px 的登录窗口；高度:300px；窗口的顶部/底部也有边距。背景没有增长以适应 div。这是我正在使用的代码:

  <div class="main">
    <div class="topLine"></div>
    <div class="loginWindow">
      <div class="logo">
        TEXT
      </div>

    </div>

    <div style="clear: both"></div>

  </div>

CSS:

.main {
  background: linear-gradient(to bottom right, #152d47, #467ba7);
  width:100%;
  height:100px;
  padding-top:8px;
  overflow:hidden;
}

.loginWindow {
  margin:0 auto; 
  width:675px;
  margin-top:172px;
  margin-bottom:115px;
  height:300px;
}

这是 jsfiddle:https://jsfiddle.net/grem28/uj5zbhf7/

Answer 1

如果您希望它可以增长，请删除父级的高度或将其更改为最小高度