以下のソースで、
左下灰色のボックスのスクロールバーが有効で、
ウィンドウ右端のスクロールバーが表示されないものを期待していますがうまくいきません。
overflow: scroll; が働いていないように思うのですが......
ご教授願います。
<style>
*{ margin: 0;padding: 0;border: 0; }
html, body { height: 100%; }
#a {
background-color: #555555;
width: 250px;
float: left;
height: 100%;
}
#b {
background-color: #222222;
height: 100%;
}
#c {
overflow:scroll;
}
#n {
background-color: #FFFFFF;
height: 260px;
}
</style>
<body>
<div id="a">
<div id="n"></div>
<div id="c">
1<br>2<br>3<br>4<br>5<br>1<br>2<br>3<br>4<br>5<br>
1<br>2<br>3<br>4<br>5<br>1<br>2<br>3<br>4<br>5<br>
1<br>2<br>3<br>4<br>5<br>1<br>2<br>3<br>4<br>5<br>
1<br>2<br>3<br>4<br>5<br>1<br>2<br>3<br>4<br>5<br>
1<br>2<br>3<br>4<br>5<br>1<br>2<br>3<br>4<br>5<br>
</div></div>
<div id="b"></div>
</body>
overflow:scroll; を効かせるには height の指定が必要です。
対応としては以下の3つくらいが考えられます。
コメント(0件)