3 div: left, center, right. Ha vízszintesen összemegy az oldal, akkor nem lehet balra csúsztatni?

<style>

body {

    margin: 0;

}

.div_table {

    display: table;

    width: 100%;

    min-height: 150px;

    height: 250px;

}

.div_table_row {

    display: table-row;

}

.div_table_cell {

    display: table-cell;

}

#div1 {

    background-color: LightBlue;

    width: 130px;

}

#div2 {

    background-color: Ivory;

}

#div3 {

    background-color: Khaki;

    width: 130px;

}

</style>

<div class="div_table">

  <div class="div_table_row">

    <div class="div_table_cell" id="div1">

      DIV1

    </div>

    <div class="div_table_cell" id="div2">

      DIV2

    </div>

    <div class="div_table_cell" id="div3">

      DIV3

    </div>

  </div>

</div>

A gond az, hogy bal és jobb részt kihelyezed a tartalomból.

A tartalom "container" 100px szélles.

Ehhez képest balra és jobbra kidobod a tartalmat.

Felosztható, táblás, box -os, vagy sima inline elemekkel...

Tudni kéne pontosan hol is jelentkezik a probléma.

Hogy mi az ideális megoldás.

Akár lehet használni % -os vagy ViewPort Units -t is.