父元素包含浮动元素的背景

Question

大家好日子。我是css的新手，我试图在一个div标签中浮动两个div标签，但我得到以下内容

我给父div标签一个浅灰色的背景，所以我知道某些地方出了问题，因为背景在我浮动div标签后消失了。

以下是我的css。

.menu.container {
    width: 100%;
    background-color: #F0F0F0;
}

.category {
    float: left;
}

非常感谢你的帮助！

Answer 1

浮动元素时，父容器不会收到有关浮动元素的宽度或高度的信息。

如果您只想以体验方式调整体育和新闻，请尝试以下方法：

.category {
    display:inline-block;
}

＆＃34;显示：内联块＆＃34;形成一个与另一行在一行上的块元素。