Вопросы Теги

Как может я использовать “плавание: оставленный” в отделении, не повреждая содержание высоты элемента?

Новый отладчик доступен только в gjs >= 1.53.90 или стабильной версии 1.54.0, поставляемой с GNOME 3.30.

Подробный список того, когда функции поставляются и в какой версии, см. В https://gitlab.gnome.org/GNOME/gjs/blob/master/NEWS .

5
задан TylerH 24 February 2017 в 22:16
поделиться

6 ответов

Добавить overflow: auto на содержании элемента:

.portfoliosite {
    background: #777;
    padding: 10px;
    width: 550px;
    overflow: auto;
}
.portfoliothumbnail {
    background: red;
    margin: 0 10px 10px 0;
    float: left;
    height: 150px;
    width: 150px;
}
<div class="portfoliosite">
    <div class="portfoliothumbnail"><!-- Img tag goes here --></div>        
    <p class="portfoliotitle">AwesomeSite.Com</p>
    <p class="portfoliodescription">An awesome site I did. It launched on Jan 1, 2009</p>        
</div>

См.: http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats

16
ответ дан 18 December 2019 в 05:40
поделиться

Да. Необходимо очистить плавание когда заключительное отделение.

<div>
  <div style="float:left">Floated Div</div>
  <div style="clear:both;" />
</div>
9
ответ дан 18 December 2019 в 05:40
поделиться

Необходимо очистить плавание, которое возвращает поток документации назад нормальному. Использовать clear:left (или право или оба, если такие плавания должны быть очищены) на последнем элементе, который должен сбросить поток. Также читайте на ClearFix. Нужно отметить, что ClearFix может стать немного липким с IE..., если Вы управляете разметкой, иногда более безопасно использовать традиционное ясное.

4
ответ дан 18 December 2019 в 05:40
поделиться

Необходимо очистить Ясную Фиксацию плавающую

Еще некоторая информация

1
ответ дан 18 December 2019 в 05:40
поделиться

Я настоятельно рекомендовал бы НЕ использовать взломы как ClearFix. При попытке сохранить <класс отделения = "ясный"> </отделение>, потому что это не является "семантическим", Вы собираетесь приняться, беспокоятся по линии. Лучше всего, если Вы знаете, что Ваше расположение не изменится, или можно сказать наверняка, каков следующий элемент, можно использовать следующий элемент для очистки предыдущих "плаваний". Если Вам нужно что-то модульное, как часть HTML, который может быть вставлен в различные места, то всегда добавляют очищающийся DIV.

Также относительно комментария David:

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

Будьте осторожны, поскольку это не допустимый HTML или XHTML. Хотя это кажется допустимым с точки зрения XML, это не уважает определение документа (независимо от того, что это называют, который упомянут тегом DOCTYPE). Другими словами, DIV определяется как элемент, который открывается и соглашается с отдельным закрывающим тэгом. Вопреки <BR/>, например, который допускает "закрывающийся автоматически". Предоставленный, Firebug и возможно другие инструменты веб-разработчика, будет иногда показывать ОТДЕЛЕНИЯ, что путь, но это, как они отображают его.

PPS: в моем задании я нашел, что это работало хорошо в некоторых разметках для фиксации непоследовательного пространства по вертикали между элементами при очистке ОТДЕЛЕНИЙ в IE6 и других браузерах:

Перекрестная очистка браузера:

div.clear { clear:both; overflow:hidden; height:0; }

<div class="clear"></div>

Не используйте встроенный стиль для этого, никогда. Сначала Вам часто будет нужен он, и во-вторых, как эй ucan видят выше, это может пригодиться для изменения четкого правила зафиксировать некоторые перекрестные проблемы браузера.

1
ответ дан 18 December 2019 в 05:40
поделиться

Рендеринг, прекрасный в моем IE7 на Vista. Какая версия IE и какую платформу Вы используете?

0
ответ дан 18 December 2019 в 05:40
поделиться