Проблема №1
Попытка сделать 2 divs выровнены с eachother,
у кулака div нет полосы прокрутки, но у второго есть одна. Полоса прокрутки заставляет второй div смещаться от первого.
Есть ли способ выровнять эти 2 div?
Проблема №2
Почему второй div не прокручивается, когда у него есть переполнение-y: прокрутка; ?
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/
Как мы можем получить нижний div для прокрутки?
Используйте удобную для пользователя <textarea>
вместо старой <div>
<textarea rows="10" cols="50" class="container">
//your text here
</textarea>
удалить overflow:hidden;
и overflow-y:scroll;
..