ответ
#sidebar { float:left; width:280px; }
#content { margin: 0 0 0 280px; } /* dont float it */
Вы будете есть проблемы, если вы плаваете внутри o f #content, и вы пытаетесь их очистить.
Очень умное использование полей, хотя и не кажется вполне естественным. –
Хотелось бы, чтобы я был слепым, прежде чем нажимать на эту ссылку ... – qwertzguy
Фактически использование css flex display может решить эту проблему легко.
Установить родительский контейнер, чтобы иметь
display: flex;
align-items: stretch;
align-content: stretch;
Тогда дети будут иметь flex-grow: 0;
Сделать последнего ребенка есть flex-grow: 1;
Помещенный #sidebar
и #post_box
в #content
, а затем
#content { display:flex; align-items: stretch; align-content: stretch; }
#sidebar { float:left; width:280px; flex-grow: 0; }
#post_box { float: left; flex-grow: 1; }
- 1. DIV, чтобы заполнить оставшееся пространство
- 2. Как заполнить оставшееся пространство
- 3. Как сделать div заполнить оставшееся горизонтальное пространство
- 4. ImageView Заполнить оставшееся пространство
- 5. жидкие divs, чтобы заполнить оставшееся вертикальное пространство
- 6. div, чтобы заполнить оставшееся пространство (ширина)
- 7. Плавали DIV, чтобы заполнить оставшееся пространство
- 8. Развернуть конечные дивы, чтобы заполнить оставшееся пространство
- 9. div заполнить оставшееся пространство экрана
- 10. Как сделать ввод заполнить оставшееся пространство
- 11. make div заполнить оставшееся пространство
- 12. Как разрешить виду заполнить оставшееся пространство?
- 13. Bootstrap - заполнить оставшееся вертикальное пространство
- 14. Как сделать ввод [type = text], чтобы заполнить оставшееся горизонтальное пространство?
- 15. заполнить Div Оставшееся горизонтальное пространство
- 16. left div заполнить оставшееся горизонтальное пространство?
- 17. CSS занимает оставшееся пространство
- 18. Заполните оставшееся пространство (CSS)
- 19. Как заставить divs заполнить оставшееся пространство?
- 20. Как заполнить оставшееся пространство между двумя макетами
- 21. Как заполнить оставшееся пространство в макете?
- 22. заполнить оставшееся пространство с шириной div auto
- 23. Adjust плавающей дивы, чтобы заполнить ширину контейнера
- 24. Сделать DIV жидкости и еще один, чтобы заполнить оставшееся пространство
- 25. Как получить JScrollPane, чтобы заполнить все оставшееся свободное пространство
- 26. Позвольте TextBox заполнить оставшееся пространство в сетке
- 27. Как сделать ящики (div's) заполнить оставшееся пространство
- 28. Имейте div, чтобы заполнить оставшееся пространство между левым и правым элементами, которые DONT имеют фиксированную ширину
- 29. Первый вид в RelativeLayout расширить, чтобы заполнить оставшееся пространство
- 30. CSS - Имея DIV заполнить оставшееся пространство по вертикали
+1 для прекрасного снимка экрана. Но добавьте код CSS, пожалуйста, –
Были ли эти скриншоты сделаны вручную? –