Как использовать одно фоновое изображение для основного div, у которого есть два div, один слева и один справа

Question

Я хочу создать страницу HTML, CSS, где макет выглядит так:

.....

.....

У содержимого div есть фоновое изображение, которое должно повторяться в направлении y. Также левый и правый элементы div должны располагаться рядом над одним и тем же фоновым изображением. Я могу сделать это, но сохраняя фиксированную высоту содержимого, но не хочу фиксировать высоту содержимого. Пожалуйста, помогите мне, ребята. Заранее спасибо:)

Answer 1

Я могу сделать это, но сохраняя высоту содержимого исправлено, но я не хочу делать фиксированная высота содержимого.

Если вы можете повторить фоновое изображение в направлении Y, тогда не имеет значения, какова высота #content div, поскольку ваш фон просто заполнит оставшееся пространство - правильно?

Если ваш контентный div не расширяется до высоты дочернего div, тогда ясно, что #content должен быть вне нормального потока страницы, в этом случае вы должны float его и не устанавливать высоту для контейнера. отд.

Answer 2

Довольно сложно понять, что вы пытаетесь сделать, но я думаю , что вы хотите сделать, это добавить overflow: auto к вашему контенту div, чтобы он стал такой же высоты, как левый и правильные деления:

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}

Answer 3

не видя ваш код ... я предполагаю, что вы перемещаете левый и правый DIV ... но вы не перемещаете DIV контента ...

ваш CSS должен выглядеть примерно так, чтобы он работал:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}