Question

我有一个带有2个div的容器，我希望它们并排显示在页面上。左侧是各种导航，右侧是可变长度内容。我希望左边的div是＆＃34;固定＆＃34;当我向上和向下滚动页面时。这是一般结构;随意建议其他居中的CSS。提前致谢。

#content{
  margin: 0 auto;
}
#left{
  display:inline-block;
}
#right{
  display:inline-block;
}

<div id="content">
  <div id="left">
  </div>
  <div id="right">
  </div>
</div>

Answer 1

你的代码有点短，无法正确回答，但我会说：

#content {
     text-align:center;
}
#left,#right{
     display:inline-block;
}
#left {
     width:200px;
}
#left > div.fixed {
     position:fixed;
     width:inherit;
}

如果您有一些真实的代码可供使用并且能够满足您的需求，那么它将对您有所帮助。

#left的孩子将为你的固定内容的容器。 #left，在流程中将保留所需的空间。

将两个div并排放置，但一个div具有固定位置

1 个答案: