Создание div, который имеет одну большую строку и затем 3 строки рядом с большой строкой

0

Я создаю сайт, и я хочу использовать жидкостные решетки. Мне не нужно вредить времени, но когда я пытаюсь создать строку div, которая имеет основное изображение, которое занимает определенный процент страницы, а затем три div, которые занимают ту же высоту, что и один div рядом с ним У меня проблемы. У меня также есть проблемы, когда я делаю обратное, и у меня есть div, у которого есть два раздела слева, а затем большой раздел, который составляет оба эти справа. Я знаю, как делать divs, у которых есть две строки или три строки, но получение строки рядом с ней вызывает у меня проблемы. Любые предложения оценены и спасибо !!!

Теги:

1 ответ

0

Не уверен, правильно ли я понял ваш вопрос. Вы хотите организовать четыре div с разной шириной по горизонтали? Если это так, попробуйте обернуть div в контейнер с фиксированной высотой и установить float -tag дочернего div left и их height до 100%.

EDIT: Если вы хотите, чтобы высота контейнера определялась размером изображения большой строки, опустите height -tag в css родительского div.

Это должно помочь организовать div горизонтали.

Что-то вроде того:

http://jsfiddle.net/jyy24/1/

Отвечает ли это на ваш вопрос?

  • 0
    Нет, извини, я не понял. Я понимаю, как заставить DIV появляться рядом друг с другом. Моя проблема в том, что я хочу, чтобы div имел ширину 64% и высоту 100%. Помимо этого div я хочу три div, каждый из которых имеет ширину 12% и высоту варьируется в зависимости от моих потребностей. Таким образом, у вас есть один div с левой стороны, а затем с правой стороны у вас есть три div, которые имеют ту же высоту, что и div слева. Это имеет больше смысла?
  • 0
    Хорошо, я понял часть вашей идеи, но то, что меня немного озадачивает, это то, что вы хотите иметь первый div слева с высотой 100%, затем три div с разной высотой, но в то же время напишите: «затем с правой стороны у вас есть три div, которые имеют ту же высоту, что и div слева. " Таким образом, div должен быть разным по высоте - или одинаковым?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню