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

Question

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

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

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

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

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

Answer 1

Внимательно прочитайте: В поисках Святого Грааля

Answer 2

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

Затем вы можете использовать float для выполнения макета из 3 столбцов.

Answer 3

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

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

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