使用 flex-box 調整大小的 div

Question

我有一個頁面，里面有 3 個div ，其中 2 個應該可以調整大小。 所有這些都可以向左/向右移動，並且可以最大化/最小化。

這是一個Stackblitz 。

問題是有時調整大小會導致顯示滾動條，例如，調整第一個框的大小並將其處理程序拖動到屏幕的右端。

有沒有辦法使用彈性盒或 css 網格實現相同的目標？ 可能會根據鼠標移動來增加或減少flexGrow ？ 這有意義嗎？

Answer 1

您是否嘗試重置默認邊距和填充？

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}