Html css-停靠一个面板并滚动另一个面板

我必须将两个面板相邻放置

左侧面板具有可变宽度，并且固定。 右侧面板应在剩余宽度上展开，必要时包括一个滚动条

我试过这个：

.container{
宽度：100%；
}
.滚动面板{
浮动：对；
溢出-x：自动；
空白：nowrap
宽度：钙（100%-250px-5px）；
}
.固定面板{
宽度：250px；
浮动：左；
}

...
...

添加到固定面板：

 position: fixed;
 left: 0;

---

希望有帮助。

在父容器中使用

display:flex

，使两个div共享水平空间，并为其子容器删除

float

对于滚动面板add

flex-grow:1

，它将占据所有剩余空间

.container {
  width:100%;
  display: flex;
}

.scroll-panel {
  overflow-x: auto;
  white-space: nowrap
  flex-grow: 1;
}

.fixed-panel{
}

---

希望这对您有用：）

对不起，在这种情况下，固定面板会覆盖滚动面板。使用flexbox，有关详细信息，请参阅本教程