У меня есть куча элементов (текст, изображение, смешанный контент и т. Д.), Которые я хочу отобразить. Пользователь может определить, в какой строке и в каком столбце отображается этот элемент. Например, в строке 1 может быть два элемента / столбца, оба изображения. Во второй строке может быть три элемента / столбца, один с изображением, два других в виде чистого текста. Да, и пользователь может указать ширину любого конкретного столбца / изображения / элемента.

У меня есть решение, которое использует несколько таблиц, которая работает. По сути, каждая строка - это новая таблица. Это работает по большей части.

Мне интересно, могу ли я использовать только div?

Теперь у меня нет CSS-файла, и я попытался скопировать примеры из Интернета, но у меня не получилось заставить его работать. Прямо сейчас у меня есть что-то вроде этого:

[for each row]
  [div style="float: none"]
  [for each column]
    [div style="float: left"]
      [content]
    [/div]
[/div]
[br]

Но все перекрывают друг друга.

Я также пытался использовать «position: родственник», но вещи выглядят еще более испорченными.

Так можно ли на самом деле использовать div для нескольких строк и разного количества столбцов?