horizontal scrollen flex Kind

Ich habe das Web abgeschreckt, kann aber anscheinend keine Lösung finden.

Hier ist ein Beispiel für einen Codepen:

http: //codepen.io/anon/pen/Wxjjq

.container {
  display: flex;
}

.horizontally-scrolled-items {
  display: flex;
  background: lightblue;
  overflow-x: scroll;
}
.item {
  width: 1000px;
  border: 1px solid blue;
}

html:

<div class="container">
  <div class="horizontally-scrolled-items">
    <div class="item">item1</div>
    <div class="item">item2</div>
    <div class="item">item3</div>
  </div>
  <div class="aside">
    <button>keep me on screen</button>
  </div>
</div>

Die Idee ist, dass horizontal gescrollte Elemente flexibel sind: 1. Wenn die Elemente größer als die Breite des Containers sind, können Sie einen Bildlauf durchführen und diese in der Ansicht beiseite lassen.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage