Stacking Divs с CSS

Question

Я, вроде нового, использовал CSS для своих html в течение многих лет, я пытаюсь понять, как я могу вложить divs или складывать их внутри раздела контента из 3-х столбчатых макетов. с таблицами я бы просто сделал новый <tr> , но если я буду плавать еще один div в строке линии содержимого, он появится параллельно или вертикально, когда я хочу появиться ниже. есть ли другой способ сделать это, или я пропустил здесь пункт Divs?

базовый пример кода

 body { 
     margin: 0px; 
     padding: 0px; 
     } 
     #header { 
     background: #438a48; 
     width: 100%; 
     } 
     #leftcolumn { 
     background: #2675a8; 
     float: left; 
     width: 25%; 
     height: 700px; 
     } 
     #content { 
     background: #000; 
     float: left; 
     width: 75%; 
     height: 700px; 
     } 
     #footer { 
     background: #df781c; 
     clear: both; 
     width: 100%; 
     } 

HTML-

 <div id="header">Header</div> 
     <div id="leftcolumn">Left Column</div> 
     <div id="content">Content</div> 
     <div id="footer">Footer</div> 

Answer 1

этой странице представлены некоторые примеры; http://blog.html.it/layoutgala/. Это может быть полезно.

Answer 2

Вы можете просто добавить дивы внутри #content DIV ... вложенности заставит их остаться внутри своего родителя ... (не всплывают эти внутренние дивы, чтобы заставить их пойти друг под другом ..)