背景颜色不适用于所有div

Question

我很确定问题必须在我的CSS中。我很确定HTML很好。如果我把高度100％放在.info中，但我不想这样做。

.info {
    width:820px;
    margin:auto;
    background-color:#e2e2e2;
}

.info img { 
    float:left;
    padding-top:6px;
    padding-left:5px;
}

.info article   {
    padding-left:5px;
    font-family:sans-serif;
    text-indent:15px;
    width:600px;
    float:right;
    background-color:#e2e2e2;
}

Answer 1

你必须清除浮动..简单的方法是在overflow: hidden中添加.info

或在class="cf"

中添加.info

.cf:before,
.cf:after {
   display: table;
   content: "";
}

.cf:after {
   clear: both;
}

Answer 2

试试这个

.info {
   float: left;
}

Answer 3

或试试这个

.info {
  display: inline-block;
}