要进行横向滚动，需要一个有宽度和高度的父元素，并设置为相对位置。然后添加一个宽度更大的文本元素，并使其绝对位置。现在添加overflow-x: scroll;来看看魔术。并设置overflow-y: hidden;，使其不能垂直滚动。
超文本：

<div id="scrollable-div">
   <a>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</a>
</div>

CSS：

#scrollable-div {
   height: 100px;
   width: 300px;
   overflow-x: scroll;
   overflow-y: hidden;
   position: relative;
}
      
a {
   width: 600px;
   height: 100px;
   position: absolute;
}