3 колонки, фиксированная центральная колонка, стороны заполняют родителей

Как я могу сделать B фиксированным размером 800 пикселей, а A и C заполнять пространство, так что все они вместе касаются друг друга? http://jsfiddle.net/8ufuV/

Самый простой способ – использовать display: table-cell .

См .: http://jsfiddle.net/47d4f/

Это решает вашу проблему, а также дает столбцы с одинаковой высотой, когда содержимое в каждом столбце отличается от другого, что не так просто получить.

Поддержка браузера: http://caniuse.com/css-table

Исправлено это для вас http://jsfiddle.net/8ufuV/17/ Вам нужно будет поместить все оставшиеся элементы; а затем конкретную ширину (не забывайте о дополнении / полях при этом). На элементе, который вы хотите отобразить под ними, добавьте clear:left; к нему.

Удачи

HTML:

 
a
b
c

CSS:

 #main { display:table; width:100% } div { display: table-cell } #leftblock{ top: 0px; left: 0px; margin: 0px; padding: 10px; border: 5px solid #ccc; voice-family: "\"}\""; voice-family:inherit; } #contentblock{ padding: 10px; border: 5px solid #ccc; width: 100px; } #rightblock{ top: 0px; right: 0px; margin: 0px; padding: 10px; border: 5px solid #ccc; voice-family: "\"}\""; voice-family:inherit; } 
  • Чистый CSS для изменения размера шрифта на основе динамического количества символов
  • Угловой 2: Как стиль элемента хоста компонента?
  • Использование пользовательских шрифтов с использованием CSS?
  • Могу ли я применить переход CSS к свойству переполнения?
  • Использование двух classов CSS для одного элемента
  • Изогнутые линии, использующие только HTML и / или CSS
  • Оставить панель меню, зафиксированную сверху при прокрутке
  • Объединение: not () селекторов в CSS
  • Почему пространства, используемые для разделения вещей в css
  • Медиа-запросы и фоновые изображения
  • Есть ли способ разбить список на столбцы?
  • Давайте будем гением компьютера.