du kannst dreispaltig so umsetzen=> ich nutz für die einfachste Erklärung einfach "div" ok....
drei div nebeneinander
oder
zwei div nebeneinander
und eines dieser beiden divs wieder teilen...
du kannst diese Container mittels float auf ihren Platz rücken,
entweder alle drei mit float left // oder float right => geht einwandfrei
oder
bei der zweispaltigen Lösung, die dann schlussendlich dreispaltig aussieht:
float left
float right
und in einem der beiden Container wieder so...
oder du lernst gleich modernes CSS und liest dich in das System "flex-box" ein. http://www.flexboxdefense.com/
das ist eine Site wo du flex box üben kannst
damit kannst du die Anordnungen auf verschiedenen Devices nach Gusto gestalten.
was am iPad unten ist, kann am Smartphone oben sein und am Desktop ganz links 
schaust du dir zb das Theme hueman an => da wird mit negativen margins die hoch flexible Dreispaltigkeit erreicht.
d.h. du hast eine unendliche Möglichkeit deine Boxen//divs anzuordnen.
floats
negative margins
flex-box
und alle sind sehr spannend und es ist eine Freud damit zu spielen, unabhängig, dass man beim Lernen vielleicht hie und da ein bisschen graue Haare bekommt,
mein Trick als ich das lernte: ich gab jeder Spalte eine bunte Hintergrundfarbe => so sah ich sehr eindeutig was ich tat
hier werden einige der Methoden vorgestellt
http://www.sitepoint.com/easy-responsive-css-grid-layouts/
viel Spaß beim Ausprobieren!