Nehmen wir an, ich habe zufällige Kinder in meinem div, dessen feste Höhe und Breite auf 100% festgelegt ist, um mit dem Layout zu atmen.

Mit welchem ​​CSS muss ich untergeordnete Elemente zwingen, sich horizontal auszurichten. Wenn die Breite des Div kleiner als der Inhalt ist, wird eine Bildlaufleiste angezeigt, die sich nicht überlappt.

Geige:http://jsfiddle.net/GRBc6/1/

einfaches CSS:

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