我有一个固定高度的 div。当我调整浏览器窗口的大小并且 div 的宽度变小时,div 内的元素会跳到扩展高度的下方。如何通过添加水平滚动条使元素可见?
我已经尝试了所有 CSS 滚动属性,但无法使其工作:
.dhButtonToolbar{
position:absolute;
top:6px;
left:0;
bottom: 5px;
width: 60px;
background-color:yellow;
border:0px solid white;
margin-left: 5px;
margin-right:5px;
margin-top: 5px;
}
@media screen and (max-aspect-ratio: 1/1) {
.dhButtonToolbar {
height: 55px;
left:5px;
overflow-y:auto; //here my elements jump below I want to add a horizontall scrollbar
right: 5px;
}
JSFidlee:http: //jsfiddle.net/x7xm3/2/
尝试调整大小,元素会落在下面!