我在嘗試完成這項工作時遇到了麻煩，我現在想要實現響應式布局，我需要在調整瀏覽器大小時內容變小，但需要側邊欄固定為 300px 并且網站位于中心最大寬度為 960px迄今為止.container{display: grid;grid-gap: 20px;grid-template-areas: "header  header""sidebar content";grid-template-columns: 1fr 3fr;}#header {grid-area: header;height: 96px;}#mainbar{grid-area: content;margin: 0;padding: 0;margin-right: 20px; }#sidebar{grid-area: sidebar;margin: 0;margin: 0 0 15px 0}從未抽出時間將側邊欄設置為固定的 300px 寬度，而只是試圖讓它在任何寬度下工作 <div class="container"> <div id="header"></div> <div id="mainbar"></div> <div id="sidebar"></div> </div>