javascript - 2 div 由于滚动条而偏移

Question

问题#1

尝试让 2 个 div 彼此对齐，

第一个 div 没有滚动条，但第二个有滚动条。滚动条导致第二个 div 从第一个 div 偏移。

有没有办法对齐这 2 个 div？

问题 #2

为什么第二个 div 在有 overflow-y:scroll 时不滚动； ？

---

body, html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow:hidden;
}
.fixed-top-container {
    text-align:center;
    top:0px;
    height:100px;
    min-height:100px;
    max-height:100px;
    width:100%;
    display:inline-block;
    margin:0 auto;
    padding:0;
    background-color:rgba(0, 0, 0, 0.5);
}
.container {
    width:100%;
    height:100%;
    background-color:#F0F0F0;
    overflow-y:scroll;
}
.content {
    width: 800px;
    height:100%;
    margin:0 auto;
    background-color:#FFFFFF;
}

---

查看 JSFiddle 问题:http://jsfiddle.net/Aaeijh/qAh9g/1/

Answer 1

How can we get the bottom div to scroll?

使用用户友好<textarea>而不是旧的<div>技术

<textarea rows="10" cols="50" class="container">
//your text here

</textarea>

JSFiddle