установка высоты с высотой дочерних элементов этого

Question

установка высоты с высотой дочерних элементов этого

0

это Style.css:

.widget{
    width: 100%;
    border-bottom-style: solid;
    height: auto;
}
.item{
    float: right;
    padding: 3px;
    width: 110px;
    height: 80px;
}

и он index.html:

<div class="widget" id="reports">
                   <div class="item" id="km"></div>
                   <div class="item" id="km"></div>
                   <div class="item" id="km"></div>
                   <div class="item" id="km"></div>
</div>

но моя проблема в том, что в результате "виджет" имеет 0 высоты. в чем проблема, я хочу, чтобы высота "виджета" наследовала от нее детей.

Ehsan 13 дек. 2013, в 08:22

Источник

1

css-tricks.com/the-how-and-why-of-clearing-floats
Ming 13 дек. 2013, в 07:18
2

Вместо применения float:right к .item применяется display: inline-block; играть на скрипке
Vikram Deshmukh 13 дек. 2013, в 07:20

Теги:

html

css

1 ответ

Ещё вопросы

Вместо применения float:right к .item применяется display: inline-block; играть на скрипке

rjm226 · Accepted Answer · 2013-12-13T05-07-00.000Z

В нижней части вашего:

               <div class="item" id="km"></div>
               <div class="item" id="km"></div>
               <div class="item" id="km"></div>
               <div class="item" id="km"></div>

Добавить

               <div class="clear" style="clear: both;"></div>

Результат будет выглядеть так:

<div class="widget" id="reports">
               <div class="item" id="km"></div>
               <div class="item" id="km"></div>
               <div class="item" id="km"></div>
               <div class="item" id="km"></div>
               <div class="clear" style="clear: both;"></div>
</div>

Конечно, вы можете добавить стиль для чистого класса в таблицу стилей. Вам нужно очистить любые плавающие divs befoure, ваш родительский div будет распознавать высоту.