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

Question

Я хочу создать страницу HTML, CSS, где макет выглядит следующим образом:
< div id = " content " >
< div id = " оставлено " >
.....
л &; / дел GT &;
< div id = " right " >
.....
л &; / дел GT &;
л &; / дел GT &;
У содержимого div есть фоновое изображение, которое должно повторяться в направлении y. Также левый и правый элементы div должны располагаться рядом над одним и тем же фоновым изображением. Я могу сделать это, но сохраняя фиксированную высоту содержимого, но не хочу фиксировать высоту содержимого. Пожалуйста, помогите мне, ребята. Заранее спасибо:)

Answer 1

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

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

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

#left {
    float:left;
}

#right {
    float:left;
}

Answer 2

  

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

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

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

Answer 3

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

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