Я новичок в HTML и CSS. Я пытаюсь создать веб-страницу, но у меня проблема с цветом фона корневого div. мой код немного сложен, но я пытаюсь преобразовать в образец проблемы. вот мой код.

    <style>

#background{
    background-color:#F78F91;
    width:800px;
    min-height:20px;
}

.content{
    min-width:50px;
    max-width:150px;
    min-height:30px;
    max-height:500px;
    float:right;
    background-color:#1860DF;
    border-bottom-color:#D9F733;
    border-style:solid;
    border-width:thin;
}

</style>

<body>
<div id="background">
    <div class="content">
    </div>
    <div class="content">
    </div>
    <div class="content">
    </div>
</div>

Я хочу, чтобы фон имел ту же высоту, что и дочерний div. Благодарю.

2
user3575812 26 Июл 2014 в 22:07

2 ответа

Лучший ответ

Добавить display:table в #background:

#background{
    background-color:#F78F91;
    width:800px;
    min-height:20px;
    display: table;/*Add this*/
}

возиться со столом

Альтернативно просто используйте float:left:

#background{
    background-color:#F78F91;
    width:800px;
    min-height:20px;
    float: left;/*Add this*/
}

возиться с поплавком

2
Alex Char 26 Июл 2014 в 18:10

Добавить переполнение: скрыто; на ваш фон css:

#background{
  background-color:#F78F91;
  width:800px;
  min-height:20px;
  overflow:hidden;
}
1
AK_ 26 Июл 2014 в 18:14