Позволять'скажем, у меня есть случайные дети в моем div, который имеет фиксированную высоту и ширину, установленные на 100%, чтобы дышать с макетом.

Какой CSS я должен использовать, чтобы выровнять дочерние элементы по горизонтали и когда div 's ширина меньше, чем содержание, отображать полосу прокрутки и не перекрывать друг друга?

Скрипки:http://jsfiddle.net/GRBc6/1/

простой CSS:

.parent{
    width:500px;
    height: 50px;
    background-color: red;
}
.kid{
    width: 150px;
    height: 20px;
     background-color: green;
    float:left;
    margin-left:4px; 
}