Если дивиденды боковой панели и основного содержимого всегда вместе, я думаю, что второй вариант более разумный, потому что вы можете использовать идентификатор для оболочки внешнего содержимого как для CSS, так и для JavaScript, чтобы манипулировать всей областью сразу. *
Единственная причина НЕ делать этого, кроме сильного минималистского отношения (которое я склонен иметь), заключается в том, что вы хотите, чтобы каждая область страницы была по-настоящему модульной и независимой. Такие эксперименты, как csszengarden, основаны на таком принципе. Вкратце, эта философия считает, что элементы div и другие элементы представляют собой фрагменты информации, которые должны иметь возможность располагаться так, как того хочет дизайнер (например, поместить заголовок внизу, например, или поменять основной контент на боковая панель div и т. д.). Используя div-обертку, вы вынуждены использовать методы, такие как фиксированное позиционирование, чтобы вырвать этот внутренний div из обертки (например, чтобы поместить его в верхний левый угол).
Но, кроме этого, семантически эти два куска кажутся сходными, поэтому их обертывание - не хак. Посмотрите вперед к элементу HTML 5 <aside>, который явно предназначен для дополнительных примечаний, подобных приведенному в вашем примере.