Пытаюсь сделать таблицу из 2 колонок при помощи CSS:
<div style="display: block; padding: 5px 0px; width: 400px; clear: both;">
<div style="width: 200px; float: left;">
Несколько слов, которые растягиваются на 2 строки: </div>
<div style="display: block; width: 200px; float: left;">
45</div>
</div>
<label style="display: block; padding: 5px 0px; width: 400px; clear: both;">
...
</label>
...
Поскольку строкой таблицы может выступать как и div
, так и label
— поэтому display: block;
(HTML генерируется из скрипта). На первый взгляд, отображается все так, как задумывалось, но просмотрев код в редакторе Google Chrome (Ctrl+Shift+i) обнаружил, что тег задающий строку (style="display: block; padding: 5px 0px; width: 400px; clear: both;"
) по высоте занимает только 10 точек, т.е. ячейки таблицы как-бы выпирают из строки.
Подскажите, как растянуть тег-строку таблицы по ширине наполнения?
блоки с float
-ом не влияют на блоки без. Лучше сделай в <div style="display: block; padding: 5px 0px; width: 400px; clear: both;">
вместо clear: both;
напиши overflow: hidden;
. Твою проблему решит 100%.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Картинка разделена на 9 квадратиков, если взяться за правый нижний и потянуть, то потянется сам контент, а потом, когда отпустишь, область...
В iframe загружается видео <iframe width="585" height="345" src="//wwwyoutube
Всем доброго времени сутокПри верстке своей портфолио страницы столкнулся с проблемой