欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎么让超出div宽度的元素横向滚动?_html/css_WEB-ITnose

程序员文章站 2024-01-31 00:02:04
...
怎么让超出div宽度的元素横向滚动?

回复讨论(解决方案)

设置容器div的css样式
横向滚动 overflow-y:auto;
纵向滚动 overflow-x:auto;
当然你还得设置容器div的宽度。

设置overflow属性试试

设置overflow属性试试

        #tar1, #tar2, #tar3        {            width: 540px;            height: 220px;        }        #content        {            width: 560px;            height: 220px;            overflow: auto;        }    


这样只是纵向的.

以下是css+html代码,帮忙看看吧.

        #tar1, #tar2, #tar3        {            width: 540px;            height: 220px;        }        #content        {            width: 560px;            height: 220px;            overflow:auto;         }    

540px宽的图,放在一个560px宽的div里面,这么个写法,是纵向的滚动的.
overflow-x,overflow-y,我也试过了.

你图片的宽度都没有超过容器的宽度怎么会出现横向滚动条啊?楼主可以把

        #content        {            width: 560px;            height: 220px;            overflow:auto;         }

改成
        #content        {            width: 460px;            height: 220px;            overflow:auto;         }

试试。