有没有办法颠倒滚动条的位置？

Question

有没有办法将水平滚动条放在顶部，而垂直滚动条放在左侧？ jsfiddle

＆＃13;

＆＃13;

div {
display: inline-block;
width: 100px;
height: 100px;
border: 2px solid black;
margin: 15px;
}

#vertical {
overflow-y: scroll;
overflow-x: hidden;
background: gold;  
}

#horizontal {
overflow-y: hidden;
overflow-x: scroll;
background: tomato;  
}

＆＃13;

<div id=vertical>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content</div>
<div id=horizontal> content_content_content_content_content_content_content_content_content_content_content_content_content_content</div>

＆＃13;

＆＃13;

＆＃13;