CSS бок о бок с автоматически равной шириной div

<div id="wrapper" style="width:90%;height:100px;background-color:Gray;">
    <div id="one" style="height:100px;background-color:Green;float:left;"></div>
    <div id="two" style="height:100px;background-color:blue;float:left;"></div>
    <div id="three" style="height:100px;background-color:Red;float:left;"></div>
</div>

У меня есть родительский div, который будет содержать 2 или 3 дочерних div. Я хочу, чтобы дочерние div автоматически принимали одинаковую ширину.

Спасибо