CSS динамически повторяет вложенный фоновый div, возможно?

Question

Похоже, что есть несколько сообщений на эту тему, но я не могу найти что-либо убедительное, так или иначе, поэтому подумал, что я попробую здесь кого-то, кто гораздо лучше разбирается в CSS, чем я! У меня есть 3 контейнера, у которых есть фоновые изображения, чтобы создать эффект конусообразной линии в верхней и нижней части основного содержимого. Я не могу заставить средний div динамически расширяться настолько, насколько мне это нужно, кажется, ему нужна определенная высота. Есть ли способ получить высоту: авто или 100% работает над этим? Сайт здесь - спасибо!

Answer 1

Описаны решения. Вы можете использовать чистый CSS, чтобы сделать это или даже использовать JavaScript. Я считаю, что вам нужно только решение CSS. Попробуйте следующий CSS.

body { 
margin:0; 
padding:0; 
height:100%; 
}

или

html{
width:100%;
height:100%;
}

или проверьте эту ссылку, лучшее решение. Нажмите здесь

Answer 2

Редактировать: Извините, вы пытаетесь растянуть фоновое изображение.

Техника состоит в том, чтобы удалить стиль float:right; и добавить поле слева:

#main_body {
  float: right; //remove this
  margin-left: 320px; //add this
}

- работает на Chrome