Wenn Sie versuchen, margin-left
zu C1 div zu geben, bewegt es sich und der Überlauf ist ausgeblendet. Aber wenn Sie versuchen, C2 C2 div zu geben, bewegt sichnach rechts, aber der Überlauf ist nicht versteckt, sondern bewegt sich in der nächsten Zeile (Verhalten von inline-block
).Warum ist Überlauf: versteckt funktioniert nicht auf meinem div?
Warum funktioniert es nicht auf C2 div? Gibt es eine Möglichkeit, dieses Problem zu lösen?
(Grundsätzlich möchte ich C1 und C2 Div zusammen gestellt werden und Überlauf sollte ausgeblendet werden, wenn ich ihre Breiten vergrößern, oder wenn ich ihnen Ränder geben).
Hier ist, was ich versuche:
.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;
}
<div class="wrapper">
<div class="c1">C1</div>
<div class="c2">C2</div>
<div class="c3">C3</div>
</div>
Bitte einen Ausschnitt machen. –