Как я могу сделать div ростом своей высоты, когда он плавает внутри? Я знаю, что определение значения для ширины и установки переполнения для скрытых работ. Проблема в том, что мне нужен div с переполнением видимым. Есть идеи?Как сделать div расти в высоту, когда плавает внутри
overflow:auto; на содержащую DIV делает все внутри него (даже плавали элементы) видны и наружного DIV полностью обтекает их. См. this example.
Существует несколько способов очистки поплавков. Вы можете проверить некоторые здесь:
http://work.arounds.org/issue/3/clearing-floats/
Например, clear:both может работать для вас
#element:after {
content:"";
clear:both;
display:block;
}
#element { zoom:1; }
Преимущество этого подхода заключается в том, что 'overflow: auto;' будет кликать контент (например, фокусные украшения), который переполняется за пределы элемента, но этого не произойдет. – Dan
overflow: auto создал горизонтальную полосу прокрутки для меня, поэтому я не мог ее использовать. Это сработало отлично. –
Во многих случаях overflow: auto; будет достаточно, но для завершения и поддержки кросс-браузера ознакомьтесь с Clearfix, который сделает работу для всех браузеров.
Давайте рассмотрим следующую разметку ..
<div class="clearfix">
<div class="content">Content 1</div>
<div class="content">Content 2</div>
</div>
Наряду со следующими стилями ..
.content { float:left; }
.clearfix { ..from link.. }
Без clearfix, родитель div не будет иметь высота из-за его плавающих детей. Clearfix заставит родителя учитывать плавающих детей.
Clearfix - дополнительная разметка. Просто дайте родительскому div разметку 'overflow: auto;' – JakeParis
Я понял, что отличный способ сделать это - установить display: table на div.
Да, это работает, но у него есть опасность создания полос прокрутки. Правильно? – pedrozath
Нет, не то, что я знаю @pedro. Внешний div должен просто расширяться, чтобы обернуть внутренние div. попробуйте в скрипке, увеличьте размеры внутренних div и посмотрите, что произойдет. – JakeParis
Ничего себе, это было потрясающе, спасибо! @JMCCreative – Zhianc