Question

所以我的父元素高度为0px有这个问题。我知道带有浮动孩子的父元素将具有高度0，但没有任何帮助，我不知道为什么。一些图片和代码示例：

<body>
<div class="article-container">
 <article class="page-article">
  <div class="title">...</div>
 </article>
</div>
<aside>
 <div>...</div>
</aside>
</body>

   /*CSS*/

body,html{
 padding:0;
 margin:0;
 text-align:center;
}
aside{
    float: left;
    width: 25%;
}
.article-container{
    width:73%;
    float:right;
    padding: 0px 1%;
}
.page-article{
    width: 90%;
    display: inline-block;
    overflow: hidden;
    float:none;
}

chrome告诉我这个：

我使用了clearfix但没有帮助， css-tricks - 没有帮助 Why is my div's height zero - 没有帮助

此外，我一直在容器的末尾添加100％宽度div与浮动元素，这确实有帮助（一点点），但在窗口调整大小后，一切都崩溃了。（即使在调整窗口大小之前，chrome也会告诉height: 0px;）

我注意到<aside>保持高度，但'.article-container'没有。我不知道接下来要做什么......

修改

也许对于像我这样的人，那个clearfix，添加spans，divs，设置溢出到隐藏，设置float到父元素没有帮助，我实际上找到了可能导致这种行为的另一个问题。

检查您的jquery或javascript是否不使用父元素。就我而言：我正在使用砖石布局。＆GT;它的工作原理是根据可用的垂直空间将元素放置在最佳位置。我把它设置为两列，一些页面显示帖子但也错误地我一直在页面上使用它，当想要只有一列并且everthing崩溃但没有发生错误。

感谢@syllabix给我正确的方向

解决问题

父div高度0，clearfix不起作用

0 个答案: