使div变柔韧但保存比例

Question

.alldivs {

    margin-left:2px;
    margin-right:2px;

    display:-webkit-box;
    -webkit-box-orient:horizotal;
}


.div1 {
    border: 4px solid black;
    background:white;
    margin:2px;
    -webkit-box-flex:1;
}



.div2 {
    border: 4px solid black;
    background:white;
    margin:2px;
    -webkit-box-flex:1;
}

.div3 {
    border: 4px solid black;
    background:white;
    margin:2px;
    -webkit-box-flex:1;
}

如何使这3个div灵活但保存比例？ （我希望它们是正方形或2/3）。如何制作我将在这些div中放置的图像与它们一起弯曲？