Это одна из тех вещей, которые я узнал давно и никогда не думал о том, действительно ли я делал это правильно.
Скажем, у нас есть такая структура:
<div id="wrapper">
<div id="sideBar"></div>
<div id="mainContent"></div>
</div>
Пусть также говорят, что wrapper
имеет ширину 600px
.
Должен ли я плавать sideBar
left
и mainContent
right
, или я должен поместить их как left
?
Кроме того, если я установил фиксированную ширину для sideBar
, как я могу сделать mainContent
заполнить остальную часть пространства, подобную тому, как работает таблица? Если я установил mainContent
в display:inline-block
и width:100%
, он опустится на следующую строку:/
Примечание. В моем конкретном сценарии я не хочу использовать таблицу.