我目前正在開發(fā)一個(gè)帶有導(dǎo)航欄和側(cè)邊欄的網(wǎng)頁。我的導(dǎo)航欄包含我的頁面的類別，即汽車和摩托車。單擊后，側(cè)邊欄將顯示其中包含所選類別的庫和參考。但是，每當(dāng)窗口調(diào)整大小時(shí)，我的頁面都會(huì)丟失其格式。側(cè)邊欄是固定的，但它可以滾動(dòng)，看起來它與導(dǎo)航欄斷開連接。如何使他們的位置固定？.navbar-inverse {  background: black;  font-size: 18px;}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {  color: #ffb143;}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {  color: white;  font-size: 18px;}.navbar-brand {  font-family: 'Lato', sans-serif;  color: grey;  font-size: 20px !important;  margin: 0px;}td {  font-weight: normal;  padding-left: 55px;  padding-right: 10px;  padding-bottom: 18px;  text-align: center;}th {  font-weight: bold;  padding-left: 65px;  padding-right: 50px;  overflow: hidden;  white-space: nowrap;  text-align: center;}table#bod {  width: 100%;  margin-left: 15px;  margin-right: 45%;}#add {  margin-left: 10px;  width: 50px;}.sidebar {  height: 100%;  width: 200px;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color: black;  overflow-x: hidden;  padding-top: 80px;  margin-top: 45px;}/* Style sidebar links */.sidebar a {  padding: 6px 8px 6px 16px;  text-decoration: none;  font-size: 18px;  color: white;  display: block;}/* Style links on mouse-over */.sidebar a:hover {  color: #f1f1f1;}/* Style the main content */.main {  margin-left: 160px;  /* Same as the width of the sidenav */  padding: 0px 10px;}/* Add media queries for small screens (when the height of the screen is less than 450px, add a smaller padding and font-size) */@media screen and (max-height: 450px) {  .sidebar {    padding-top: 15px;  }  .sidebar a {    font-size: 18px;  }}