У меня есть контейнер, в который я могу добавлять или удалять элементы (используя javascript)
<div style='float:left;'>
<p id='myp1'>elem 1</p>
<p id='myp2'>elem 2</p>
<p id='myp3'>elem 3</p>
<p id='myp4'>elem 4</p>
<p id='myp5'>elem 5</p>
</div>
Что бы я ни делал, либо добавьте элемент, либо увеличьте его больше (с отступом / полем / высотой строки и т. Д.), Размер которого будет соответствовать.
Что бы я ни делал, либо удалите элемент, либо сделайте его меньшим (с отступом / margin / line-height и т. Д.), Он не сжимается.
У меня остается все больше и больше неиспользуемого пространства.
Это происходит только в Firefox (как я заметил) и оборачивает субконтент в другие divs / spans / table, и это не поможет мне, но проблема все еще возникает.
(вы можете заметить эту ошибку, добавив границу к вашему содержащемуся div)
Это может быть нормальное поведение, которое я просто не понимаю, но для меня это сейчас просто загадочно.
Так что спасибо заранее за любой совет или объяснение хотя бы!