你能把两个固定的div放在一起吗?

时间:2017-06-12 21:05:06

标签: html css position fixed

目前我正在开发我的在线投资组合。我需要创建两个固定的div,不要滚动。它们都需要是页面的高度。然而,中间的内容需要滚动。左右两个栏需要保持固定(见图)

我左边div的当前代码如下:

.content_left {
  background-color: #000;
  float: left;
  height: 100vh;
  width: 10%;
  position: fixed;
}

非常感谢您的帮助和支持!我很满意任何建议,并对各种解决方案持开放态度。

divs labeld 1&2 are the divs I need to be fixed

1 个答案:

答案 0 :(得分:0)

最简单的方法是将left:0px;应用于左侧div,将right:0px;应用于右侧div。然后你只需要为它们设置position:fixed;