Почему переполнение: скрыто не работает в моем div? ⇐ CSS

[Anonymous]

Если вы попытаетесь задать значение поля слева для элемента div C1, он переместится, и переполнение будет скрыто. Но если вы попытаетесь задать отступ слева для элемента div C2, он переместится вправо, но переполнение не будет скрыто, а переместится на следующую строку (поведение встроенного блока).

Так почему же он не работает в div C2? Есть ли способ решить эту проблему?

(По сути, я хочу, чтобы элементы div C1 и C2 были размещены вместе, а переполнение должно быть скрыто, если я увеличу их ширину или если я дайте им поля).

Вот что я пытаюсь:

Код: Выделить всё

.c1 {
width: 220px;
height: 200px;
background-color: #666666;
display: inline-block;
}
.c2 {
width: 200px;
height: 220px;
background-color: #CCCCCC;
display: inline-block;
}
.c3 {
width: 180px;
height: 210px;
background-color: #333333;
display: block;
}
.wrapper {
background-color: red;
width: 500px;
height: 500px;
display: inline-block;
overflow: hidden;
}

Код: Выделить всё

C1
C2
C3

Подробнее здесь: https://stackoverflow.com/questions/351 ... -on-my-div