css 父div是否小于子div？

fcg9iug3 于 12个月前发布在其他

关注(0)|答案(3)|浏览(137)

这是我的问题，我想用白色填充content div。但是当我这样做的时候，它并没有填充整个div。子div更大，它们覆盖了父div（内容）。我想让内容div覆盖所有的子div。
这是我的代码

#content {
  width: 100%;
  min-height: 400px;
  height: auto;
  max-height: 2000px;  /* ONLY FOR THE MOMENT */
  margin-top: -7px;
  background:white;
}
#fastMenu {
  float:left;
  width: 200px;
  height: 100%;
  margin-top: 20px;
}
#contenu {
  float:left;
  width: 430px;
  height: 100%;
  margin-top: 20px;
  background:white;
}

个字符
我也想要一个跨浏览的答案请（IE7，IE8，IE9，火狐，Chrome，Opera）

css

来源：https://stackoverflow.com/questions/11126557/parent-div-is-smaller-than-child-div

3条答案

按热度按时间

z6psavjg1#

将overflow: auto添加到.content的css

赞(0）回复(0）举报 12个月前

1cosmwyk2#

我也遇到了同样的问题，

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

字符集
作为最后一个元素，也不是通过使父组件的overflow: auto，因为它添加了一个滚动条。
我发现父组件是可以的，但是它的父组件（祖父组件）有这样的css：

{
  display:flex,
  flex-direction:column
}

型
将flex-wrap值隐式设置为'wrap'
所以我把它做好了：

{
  display:flex,
  flex-flow:column nowrap
}

型
我在这里发帖是因为这是我发现的唯一一个描述我的问题的问题，所以我认为其他人在我的情况下会受益于我在这里的回答，而不是在另一个独立的问题中

赞(0）回复(0）举报 12个月前

deikduxw3#

有些人可能会觉得这很有帮助。
子项（或父项）上的负边距可能会导致此效果。
margin-top：-7px;在这种情况下看起来很奇怪

赞(0）回复(0）举报 12个月前

我来回答

css 父div是否小于子div？

3条答案

相关问题

热门标签

最新问答