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

该博客讨论了如何通过CSS设置使超出div宽度的元素实现横向滚动。主要内容包括设置容器div的overflow属性为auto,以及调整宽度以产生滚动条。解决方案是确保内容宽度超过容器宽度,例如将#content的宽度设为小于图片宽度的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

怎么让超出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; }

试试。

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值