当前位置:首页 » 网页前端 » 前端宽固定高变滚动条
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端宽固定高变滚动条

发布时间: 2022-04-14 22:57:32

‘壹’ css表格,如何使表格内的单td列宽度固定,且表格总体带滚动条

给你提供个思路,在表格里套表格:把除第一行和第一列外的td合并,然后在里面添加一个
<div>
<table>
</table>
</div>

其中table里放什么东西自己定,最后设计CSS:
给div设定一个宽度和一个高度,并设置overflow:auto;属性

这样就会根据你table里的内容自动出现滚动条,但有一点,滚动条是在div标签出现,而不是你提供的图片那样(在外部表格的"局部"出现(这种估计实现不了))

‘贰’ 如何在div+css中设置div的宽和高,同时让他横向和纵向出现滚动条,且滚动条的颜色改变

语法:overflow :visible|auto|hidden|scroll参数:visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效auto :此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条hidden :不显示超过对象尺寸的内容scroll :总是显示滚动条 例子:div { overflow: scroll; height: 100px; width: 100px; }

‘叁’ 一个页面左侧宽度固定,右侧自适应,右侧div里的图片(上传的)太宽,把页面撑开,出现横向滚动条。怎么办

楼主,关于你的问题我测试了IE7-IE9,没你说的那样测试没有问题。显示正常,请问您在添加图片时,图片有宽度或高度么?有的话样式改变不了的。

或是检查下是不是哪里报错了导致。

希望我的回答能帮到你,不实现看到情况也很难找到问题所在。

‘肆’ 两栏div高度固定等高,左侧内容固定,右侧内容超出时可随鼠标或屏幕滚动条滚动,不显示滚动条。

overflow:scroll;就行了,

设置好固定宽高,,内容超出后就会出现滚动条了。。。

‘伍’ 更改div背景图片 background-image尺寸超过div(固定宽和高)时, 能否让div自动出现滚动条

用JS,这样做~
1.外面加一个外层暂且叫做A层,这个层的高度不变,固定的~就是你需求中的宽和高,并且要把A层的css设置为overflow:auto;
2.然后在这个层里面再加一个层,暂且叫做B层。然后你获取背景图片的宽和高(用JS获取)
3.然后有了宽和高之后用这个宽和高去设定B层的宽和高,这样如果背景图比DIV大了的话就出现滚动条了~

‘陆’ 在网页中如何设置滚动条的宽度

方法1:代码:html
{
overflow-y:
scroll;
}
原理:强制显示ie的垂直滚动条,而忽略水平滚动条优点:完全解决了这个问题,
允许你保持完整的XHTML
doctype.
缺点:即使页面不需要垂直滚动条的时候也会出现垂直滚动条。方法2:代码:html
{
overflow-x:
hidden;
overflow-y:
auto;
}
原理:隐藏横向滚动,垂直滚动根据内容自适应优点:在视觉上解决了这个问题.在不必要的时候,
未强制垂直滚动条出现.缺点:只是隐藏了水平滚动条,如果页面真正需要水平滚动条的时候,屏幕以外的内容会因为用户无法水平滚动,而看不到。方法3:代码:body
{
margin-right:
-15px;
margin-bottom:
-15px;
}
原理:这会在margin的水平和垂直方向上添加一个负值,
IE添加了该精确数值后,
便会去除对滚动条的需求假象.优点:在视觉上解决了这个问题.,垂直滚动根据内容自适应缺点:由于"人为创建"了15px的外边距(margin),
所以无法使用该填充过的屏幕区域.

‘柒’ 怎样让div 始终显示滚动条,即使内容没有超过定义的宽或高

设置div的宽度与高度,overflow-y:scroll;Y轴方向不管文字有没超出范围,div都会显示滚动条如下图:

‘捌’ 如何使DIV的高度固定,当超出固定高度时,出现自动滚动条

使用关键代码:overflow-y: auto,并且限制高度实现功能。

实例演示如下:

1、Html代码如下:一个简单的div,暂时内容为空。



‘玖’ 怎么样在div+css中设置一个div的框并出现滚动条

1、打开dw,新建一个html页面,进入html页面编辑。

‘拾’ 怎么设置一个div固定高和宽,然后把里面的文本段落用滚动条显示

当有固定宽高时给容器div的css加一句:overflow:scroll;即可出现
滚动条

滚动条美化的问题:
网络下
ie滚动条颜色在线生成
有很多现成的,在里面选好颜色,把生成的代码也放到你的容器div样式表中即可(正如的看到的,是ie滚动条在线生成,是ie专有属性,此效果在其他浏览器中无效)
如果要保证其他浏览器下也有效的话只有搬js出来模拟了,要麻烦些,网络:js模拟滚动条