<div id="parent">
<div id="col1">
</div>
<div id="col2">
</div>
<div id="col3">
</div>
<div id="col4">
</div>
</div>
#parent {
display: table;
width: 100%;
}
#col1,
#col2,
#col3,
#col4 {
display: table-cell;
height: 300px;
}
#col1 {
background-color: red;
}
#col2 {
background-color: yellow;
}
#col3 {
background-color: green;
}
#col4 {
background-color: pink;
}