当一个div出现滚动条时,使用overflow-y: auto;
会出现问题。
当右侧的
有滚动条(添加更多行以查看),滚动条会覆盖
。如何使
向左移动,以便不被滚动条覆盖?
html,
body {
overflow: hidden;
height: 100%;
}
* {
margin: 0;
padding: 0;
}
#aa {
position: fixed;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
#bb {
position: fixed;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background-color: blue;
overflow-x: hidden;
overflow-y: auto;
}
#help {
position: fixed;
top: 0;
right: 0;
background-color: green;
}
<div id="aa" contenteditable>a
<br>few
<br>lines
</div>
<div id="bb" contenteditable>please add more
<br>lines here to make
<br>the scrollbar appear!</div>
<div id="help">?</div>
auto
而不是scroll
,那么问号也会消失。 - Basj