html - 高度 100% 和溢出

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 中的 html,body 中移除 {height:100%;}