社区
其他
帖子详情
div滚动条问题,如何能控制div的宽度为百分数并显示横向滚动条
xiang1115
2010-06-02 02:47:18
如果确定div的宽度则会出现滚动条,但是设置div的宽度为100%就不能出现滚动条,现在我的div宽度是不确定,如何能让出现滚动条呢?
...全文
1020
3
打赏
收藏
div滚动条问题,如何能控制div的宽度为百分数并显示横向滚动条
如果确定div的宽度则会出现滚动条,但是设置div的宽度为100%就不能出现滚动条,现在我的div宽度是不确定,如何能让出现滚动条呢?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xiang1115
2010-06-03
打赏
举报
回复
也许是我没有说明白。
你说的div这样加滚动条是可以,但是我的div的宽度不确定。
<DIV id="mydiv" onselectstart="return false" style="OVERFLOW:auto;width:100%;height:350px;">这里是内容</div>
上面我设置的width:100%,这样设置就不能出现滚动条了,怎么能让它出现滚动条呢。
碧海情天-赵亮
2010-06-02
打赏
举报
回复
宽度不确定的话,可以在页面加载完,DIV自动确定了宽度之后,用JS来控制它,就象上面最后一个的例子。在BODY的ONLOAD事件里调用这个JS函数就可以了。
碧海情天-赵亮
2010-06-02
打赏
举报
回复
这个是有个属性可以控制的。就是下面第一个。
<div style="overflow:scroll;width:400px;height:200px; border:1px solid;"> 这里是你要显示的内容 </div>
overflow-y,overflow-x,overflow(就是纵横XY都有)
1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容;overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。
参数:
visible:扩大面积以显示所有内容
auto:仅当内容超出限定值时添加滚动条
hidden:总是隐藏滚动条
scroll:总是显示滚动条
动态控制overflow-x 的方法:
function abc()
{
var div = document.getElementById("Layer3");
div.style.overflow-x=0;
}
页面出现
滚动条
的时候如何让
滚动条
不影响页面
宽度
总结来说,为了使
滚动条
不影响页面
宽度
,需要将页面元素的
宽度
与浏览器窗口
宽度
一致,并隐藏水平
滚动条
,同时注意保持内部布局元素的
宽度
一致性,并留心隐藏
滚动条
可能带来的布局
问题
。在实际操作中,还需要根据具体...
JS自定义
滚动条
效果
同时,我们计算出
滚动条
移动的百分比,并根据这个百分比调整"box"的
宽度
、高度、垂直和水平居中。这样,"box"会随着
滚动条
的移动而变化大小和位置,形成滚动效果。 最后,当鼠标抬起时,移除鼠标移动事件监听器,...
网页设计师
DIV
+CSS面试宝典
IE 浏览器
滚动条
颜色、定义 1px 高度的容器、让层
显示
在 FLASH 之上、使一个
div
层居中于浏览器中、Firefox 浏览器中嵌套
div
标签的居中
问题
等八个
问题
。 一、超链接点击后 hover 样式消失 解决方法:改变 CSS ...
div
+css属性.pdf
3. `overflow`:处理元素内容超出其容器时的行为,如 `hidden`(隐藏超出内容),`scroll`(
显示
滚动条
),`auto`(根据需要
显示
滚动条
)。 4. `clip`:裁剪元素超出其容器的部分。 这些只是CSS中的一部分属性,...
CSS标签大全
div
css.pdf
- `overflow`:处理内容超出容器时的行为,如visible(可见)、hidden(隐藏)、scroll(
显示
滚动条
)或auto(自动)。 - `clip`:裁剪绝对定位元素的可见区域。 这些属性是CSS布局和样式设计的基础,通过灵活...
其他
10,612
社区成员
29,029
社区内容
发帖
与我相关
我的任务
其他
Web 开发 其他
复制链接
扫一扫
分享
社区描述
Web 开发 其他
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章