如何让Div中并列的几个子元素充分平均地填满所有空间？

div.row3 *{
    width:33.3%;
}
div.row4 *{
    width:25%;
}
div.row5 *{
    width:20%;
}

以此类推

以前尝试着写过一段js但是失败了不知道问题在哪 在外层元素加fito class在内层加fiti class

$.each($('.fito'),
    function(ord,ele){
        var fitolen = parseInt(ele.css('width'));
        var fitilen = fitolen / ele.children($('.fiti')).length;
        $.each(ele.children('.fiti'),
            function(ordi,elei){
                elei.css('width') = fitilen;
            })
    })