html:
<div class="layui-container" style="overflow: hidden;">
<div class="info-title">
<h1>内容</h1>
</div>
</div>
css:
.layui-container{
position:relative;
margin:0 auto;
padding:0 15px;
box-sizing:border-box
}
@sɴᴏᴡ screen and (min-width:768px)
.layui-container{width:750px}
.info-title {
background: url(pic/login.jpg);
background-position: center center;
margin: 0px;
padding: 0px;
position: absolute;
width: 100%;
height: 200px;
}
以上是代码，按网上学的没用，去掉overflow: hidden;后子元素不在父元素内了
如图：加上overflow: hidden;
去掉overflow: hidden;
请高手解释一下这是怎么回事，以及解决方法，谢谢了

顺便解释一下加了overflow: hidden;父元素高度还是0是什么原因，网上查不到。

不是不在，是溢出来罢了，overflow翻译为溢出，指子元素溢出父元素的部分该如何处理，hidden是隐藏，很好理解吧

其中，父元素为何不被撑开的原因是子元素position属性用了absolute(绝对定位)