Ich bin konfrontiert IE-Problem, für das ich nicht die richtige Lösung finden kann.IE: Polsterung in horizontaler Scroll
Vergleichen von Chrome und IE Ich stelle fest, dass das Hinzufügen von padding-right
von der Breite des Inhalts in Chrome und Teil der Breite selbst in IE ausgeschlossen wird.
Gibt es eine geeignete Lösung dafür, oder sollte ich hier einen browserspezifischen Stil wählen?
Wenn die Erklärung nicht gut genug ist, werfen Sie bitte einen Blick in das mitgelieferte Schnipsel unten.
.container {
width: 480px;
height: 100px;
border: 1px solid black;
padding-right: 20px;
overflow: auto;
background: red;
}
.content {
display: inline-block;
white-space: nowrap;
height: 100%;
background: blue;
}
.item {
display: inline-block;
width: 100px;
height: 100px;
margin: 0 10px;
background: white;
}
<div class="container">
<div class="content">
<div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div><div class="item">
</div>
</div>
</div>
Bitte geben Sie (a) an, mit welchen IE-Versionen Sie testen, und (b) ob IE die Seite im Standardmodus, Kompatibilitätsmodus oder Quirksmodus rendert. – Simba