У меня есть два divsleft div заполнить оставшееся горизонтальное пространство?
#left, и #right.
правый div имеет фиксированную ширину.
Как я могу заставить левый div принять все оставшееся горизонтальное пространство?
Поплавок #right div в пределах #left, и оставить #left без поплавка. Добавьте правую прокладку до #left ширины #right, если вы хотите, чтобы пространство под плавающим #right было пустым.
Вы может также необходимо добавить отрицательное правое поле для #right элемента, равной правой обивке влево, чтобы вытащить его до правого края #left тоже. Альтернативно, используя отрицательный запас, вы можете установить #left с position: relative и добавить position: absolute в #right в верхнюю левую часть от #left (также с прокладкой на #left).
Как насчет использования таблицы или отображения CSS: table-cell; имущество?
Использование display: table-cell на самом деле намного меньше отрицательных полей, правильное заполнение и т. Д. См. Пример здесь: http://jsbin.com/oburey/4/edit Довольно просто. –
я сделал очень подобную установку, права в левую, правом сплавляется право права имеет пограничное-право отрицательной свою собственной ширины, левых имеет пограничное-право #rights, ширина. – Hailwood
Awesome :) рад помочь! – pharalia
У меня такая же проблема, но это не решение для меня - я не могу вложить #right в #left, потому что их фоны будут перекрываться, и у меня есть полупрозрачные фоны - мне нужны решения, которые сохраняют первоначальное вложенность. – Rolf