首页htmlcolumnCSS Layout - 如何修复左列和向右滚动列

CSS Layout - 如何修复左列和向右滚动列

我们想知道如何修复左列和向右滚动列。

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body {
  padding-left: 230px;
}

#left {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  width: 200px;
  background-color: rgb(150, 150, 150);
  border-right: 5px solid rgb(50, 50, 50);
  padding: 10px;
}

#right {
  width: 100%;
  height: 10000px;
}
</style>
</head>
<body>
  <div id="left">Fixed-width left</div>
  <div id="right">Dynamic right. Scroll me!</div>
</body>
</html>