Question

我的左右列需要有一个垂直滚动条。如何在不指定height: 100%

的情况下实现滚动

html,body{height:100%;}

.row > .sidebar-fixed {
    position: relative;
    top: 0;
    left:auto;
    width: 220px;
    height: 100%;
    background: #F5F5F5;
    overflow-y: scroll;
}

.left {
    float:left;
}

.right {
    float:right;
}

.fixed-fixed {
    margin: 0 240px;
}

问题是确保我需要一个滚动条在我的两个div中，我必须最终为我的所有父级指定高度，这会导致其他布局出现问题。无论如何，我们可以在不使用height: 100%值的情况下使用滚动条。

http://www.bootply.com/FFZWQoCSJE

Answer 1

试试这个

.row > .sidebar-fixed {
    position: relative;
    top: 0;
    left:auto;
    width: 220px;
    height: 120px;
    background: #F5F5F5;
    overflow-y: scroll;
}

从CSS中的{height:100%;}中删除html,body

Answer 2

您可以使用固定定位：

.row > .sidebar-fixed {
  position: fixed;
  top: 0;
  bottom:0;
  width: 220px;
  background: #F5F5F5;
  overflow-y: scroll;
}

.left {
  left:0;
}

.right {
  right:0;
}

Example

高度100％并溢出

2 个答案: