Lamo2012Подскажите, почему вот в этом примере если в разметке <div id="aside"> и <div id="content"> поменять местами, т.е. установить их в том порядке, к котором они выводятся на экране, макет разваливается? Мне кажется потому что <div id="content"> блочный элемент и после него выводится перенос, но установка display: inline-block; только портит картину, а не исправляет, как я ожидал. Почему так?

Потому что это как-раз и есть один из спрашиваемых Вами стандартных приёмов вёрстки ) Все три div в данном случае являются блочными... Но... те элементы, у которых выставлен float не занимают полного пространства по ширине, а значит по логике, туда можно разместить последующие элементы (что браузер и делает). А вот последний div с id=content занимает всю ширину, А значит последующие элементы страницы не могут быть помещены рядом с ним, и потому переносятся вниз. По-этому меняя их местами, Вы смещаете правую колонку вниз.