Заполнение остальной части страницы CSS

Question

У меня есть три Divs на странице, и они являются абсолютными позициями. Позволяет называть их leftDiv, middleDiv, rightDiv и middleDiv шириной 900 пикселей, что хорошо, но левые и правые divs должны заполнять оставшиеся левую и правую части соответственно независимо от размера экрана.

Причина, по которой я использую абсолютное позиционирование, заключается в том, что это единственный способ использовать высоту: 100% для заполнения страницы.

Как я могу заполнить оставшиеся части?

Конечно, эти divs разделяют страницу на три части в соответствии с их именами.

Большое спасибо.

Answer 1

Вы не должны использовать абсолютное позиционирование по высоте. This article объясняет, как и многие другие.

Затем вы можете использовать float для выполнения трехэтажного макета.

Answer 2

Прочитайте это внимательно: In Search of the Holy Grail

Answer 3

Попробуйте это в CSS:

#leftDiv { 
    top: 0; 
    left:0; 
} 

#rightDiv { 
    top: 0; 
    right: 0; 
}