社区
其他
帖子详情
div滚动条问题,如何能控制div的宽度为百分数并显示横向滚动条
xiang1115
2010-06-02 02:47:18
如果确定div的宽度则会出现滚动条,但是设置div的宽度为100%就不能出现滚动条,现在我的div宽度是不确定,如何能让出现滚动条呢?
...全文
1079
3
打赏
收藏
div滚动条问题,如何能控制div的宽度为百分数并显示横向滚动条
如果确定div的宽度则会出现滚动条,但是设置div的宽度为100%就不能出现滚动条,现在我的div宽度是不确定,如何能让出现滚动条呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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;
}
前端页面的几种常用布局
一 、静态页面布局 传统页面布局,网页上的所有元素的尺寸一律使用px作为单位。 静态页面布局通常有几下几种: 1、表格布局 2、层布局 3、
div
+css样式表布局 表格布局: 表格布局容易把握,是最简单的一种总局方式,适用于初学者。 设计网页的第一步是设计版面布局。所谓布局,就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具,就是使用框架。框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别
显示
不同的网页。 案例:①在
2020-12-17 html、css面试题3: 水平垂直居中,左右固定中间自适应 三栏布局,静态布局、自适应布局、流式布局、响应式布局、弹性布局,IE中常见的兼容性
问题
,清空数组的方法
11.如何让一个盒子水平垂直居中 1、 如何让一个盒子水平垂直居中 ①定位:(常用方法,推荐) position:absolute; position:relative; left:值; top:值; ②display:table-cell; ③外边距:margin-left:值; margin-top:值; ④margin:auto;(不兼容低版本的IE浏览器) ⑤弹性盒模型:display:flex; justify-content:conter; align-itens:center; ⑥用trans
前端开发工程师必会的网页布局方法
1.静态布局(static) 1.1布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来
显示
。常规的pc的网站都是静态(定
宽度
)布局的,也就是设置了min-width,这样的话,如果小于这个
宽度
就会出现
滚动条
,如果大于这个
宽度
则内容居中外加背景,这种设计常见于pc端。 1.2.设计方法 PC设备:设计一个居中布局,一般具有固定的
宽度
,当浏览器窗口缩小时,页面内容会被遮挡,呈现横竖向
滚动条
。 移动设备:另外建立移动网站,单独设计一个布局,使用不同的域名如wap.或m. 1.3 在移动端开发
frameset标签设计页面
重要事项:不能将 标签放在 标签里。且 HTML5 已经不支持 frameset 标签的使用!!! 1、frameset 元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配合框架的使用,我们可以对页面进行分割,局部刷新。合理的使用会给用户带来非常好的体验效果。 2、frameset 的几个属性: ①、cols:定义框架集中列的数目和尺寸。垂直切割画面(如分
其他
10,611
社区成员
29,026
社区内容
发帖
与我相关
我的任务
其他
Web 开发 其他
复制链接
扫一扫
分享
社区描述
Web 开发 其他
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章