#javascript #html #css #firefox #resize
#javascript #HTML #css #firefox #изменение размера
Вопрос:
У меня есть контейнер, в который я мог бы добавлять или удалять элементы (используя 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>
Что бы я ни делал, либо добавлю элемент, либо сделаю его больше (с помощью отступов / полей / высоты строки и тому подобного), Его размер будет соответствовать размеру.
Что бы я ни делал, либо удаляю элемент, либо делаю его меньше (с помощью отступов / полей / высоты строки и тому подобного), Он не сжимается.
Это оставляет мне все больше и больше неиспользуемого пространства.
Это происходит только в firefox (как я заметил) и перенос вложенного содержимого в другие разделы / промежутки / таблицы, и это мне не поможет, проблема все еще возникает.
(вы можете заметить эту ошибку, добавив границу к вашему содержащему div)
Это может быть нормальным поведением, которое я просто не понимаю, но для меня это просто озадачивает прямо сейчас.
Так что заранее спасибо хотя бы за любой совет или объяснение!
Комментарии:
1. Эй, может быть, вы могли бы создать регистр jsfiddle , чтобы мы могли полностью просмотреть и провести некоторое тестирование.
2. Я этого не знал, это кажется потрясающим! Спасибо за это открытие!
3. Да, это работает для вас, я постараюсь отследить недостатки в моем дизайне и придумать что-нибудь более пояснительное…
Ответ №1:
Вы можете сделать высоту контейнера автоматической. поэтому всякий раз, когда ваше внутреннее содержимое будет добавлено или удалено, высота вашего контейнера будет автоматически скорректирована.