我有一个div，不与内容一起增长

我有一个主要的div有背景色。我把一个登录窗口放在宽度为675px的div中;高度：300像素;窗口顶部/底部也有边距。背景不适应div。以下是我正在使用的代码：我有一个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/

来源

2016-05-25 Damien

删除'高度：100px'从'.main' – 4castle

删除父高度如果你想要它可以增长或更改为分钟高度

来源

2016-05-25 17:54:52 IceJOKER

工作，但现在的边距不工作....任何想法呢？ – Damien

@Damien在我的浏览器中工作很好，顶部| loginWindow的底部边距 - http://joxi.ru/5mdW5G6h6bWar1 – IceJOKER

好，使用overflow:visible;代替overflow:hidden;

来源

2016-05-25 17:53:14 Johannes

将您的高度更改为100％并移除溢出或将其更改为可见。这是带溢出的CSS注释掉了。

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

下面是更新后的jsfiddle：https://jsfiddle.net/uj5zbhf7/4/

来源

2016-05-25 18:06:10

我有一个div，不与内容一起增长

回答

相关问题