Question

我不是一个聪明的人，我已经尝试过一些来自互联网和stackoverf的代码，但仍然没有帮助。

如何修复页面左侧的div，图片可以在下面找到。

图片：http://prntscr.com/fbhhdi（我用红线选择了位置）

Answer 1

如果屏幕截图中的红色轮廓是一个例如div =＆＃34; div-this＆＃34;的div，那么你的css就是这样的：

.fix-this {
    position: fixed;
    left: 0;
}

固定位置会将div相对于视口定位。左：0将它放在左边。

现在，如果您还希望它达到最大高度，您可以添加：

.fix-this {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

Answer 2

我认为它会解决你的问题。

body {
  background-color: #000;
  height: 100%;
  padding: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#wrapper {
  height: 100%;
}

.leftCol {
  border: 2px solid red;
  color: #fff;
  float: left;
  min-height: 400px;
  height: 100%;
  width: 250px;
}

.rightCol {
  color: #fff;
  float: left;
  min-height: 400px;
  height: 100%;
  width: calc(100% - 254px)
}

<hr></hr>

<div id="wrapper" class="clearfix">
<div class="leftCol">
  Content Here
</div>
<div class="rightCol">
  Content Here
</div>
</div>

在页面左侧如聊天一样定位div？

2 个答案: