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

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

效果入下

代码如下

<html>
<head></head>

<body>

<div style="font-size:40px; color:red; font-wight:700 "></div>

<div style="width:100%" ><img src="img/1.jpg"></div>

<div style="width: 300px; height:100px; overflow-y:scroll; border: 1px solid red ">在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后,李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日,但是由于平时任务的繁忙,偶有时间也被好学的李子玉用来学习澳洲知识,所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者,他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟,一边转悠。他们走到前边甲板上的时候,迎面走来一队人,这队人全部都是短发短衣,中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。</div>

</body>


</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-16
语法:
overflow : visible | auto | hidden | scroll

参数:
visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条
======================
overflow:auto; 这个表示当你内容超过div高度出现滚动条本回答被提问者采纳
第2个回答  2011-08-15
overflow:scroll;

div+ css滚动条怎样实现
1、(高度和宽度根据需要设定)注意:如果只写高度,只有垂直滚动条,只写宽度,只有水平滚动条,所以什么都不写没有效果。同样在这里,overflow设置为auto,也就是说如果你的页面高度大于300px,就会有滚动条;如果小于300像素,就不会有滚动条。同样,如果宽度大于100px,则出现滚动条;如果宽度小于100像素...

如何在div+css中设置div的宽和高,同时让他横向和纵向出现滚动条,且滚动...
<div id="abc"><\/div> 定义id为abc的这个div的CSS属性 在<head>下 <style> {width:100px;height:100px; overflow:scroll; } <\/style> overflow:scoll;的意思是总显示滚动条。滚动条的颜色,只有在IE浏览器才能显示出来。自己在color后面加颜色去试试 不太好用 scollbar-3dlight-color:scollba...

DIV怎么设置滚动条
并在DIV盒子里添加演示文字内容,第二个盒子设置相同的CSS样式,盒子文字内容相同,并设置横向和纵向滚动条,观察效果。第一个盒子CSS命名为“divcs5-a”,第二个DIV盒子样式选择器命名为“divcss5-b”。1、具体完整html源代码如下:<!DOCTYPE html> <html> <head> <meta charset="gb2312" \/> <t...

用div+css布局,页面宽度不到一屏,但是出现了横滚动条,要怎么调?
不知道你设置的是不是接近满屏的页面 近似滚动条要占18像素的宽 所以如果你设置的宽超出了分辨率减去18像素的宽就有横滚动 要不你就减少宽度 要不就把外盒的宽调小然后用overflow把超出的隐藏了

如何使用JS控制DIV内容的滚动条
1、首先需要新建一个HTML文档,这里设立一下基本的架构。2、再新建一个CSS文件,用link关联一下HTML文档。3、创建DIV标签,并且往里面填充内容。4、先设定一下滚动条内框的大小。5、用border先来查看是否有超出,这里可以看出超出了很多内容。6、overflow-y: scroll;overflow-x: scroll;加上这个样式...

制作网页如何实现横向卷轴?
1. 创建一个容器元素,用于包含需要横向卷动的内容。```html <div class="scroll-container"> <!-- 插入需要卷动的内容 --> <\/div> ```2. 在CSS中设置容器元素的样式,并将其设置为可横向滚动的。```css .scroll-container { overflow-x: scroll;white-space: nowrap; \/* 防止内容换行 ...

用css怎么设置div滚动条的样式,可改变大小的
在css设置可改变大小的div滚动条样式方法:1.首先新建html文档,进入代码书写界面。2.在<\/head>和<body>的里面写入代码,在<div>里面写入想要输入的内容<\/div>。3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;\/*外层轨道*\/}...

怎么让超出div宽度的元素横向滚动
1、新建html文件。2、创建大盒子和它的宽度。3、创建头部盒子。4、创建左边菜单盒子。5、创建右边内容盒子。6、预览效果如图。注意事项:DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的...

css如何实现div随滚动条移动css左右滚动条
1、首先需要新建一个HTML文档,这里设立一下基本的架构。2、再新建一个CSS文件,用link关联一下HTML文档。3、创建DIV标签,并且往里面填充内容。4、先设定一下滚动条内框的大小。6、overflow-y:scroll;overflow-x:scroll;加上这个样式滚动条就会出现了。cssp固定一个p使这个p不随着网页的滚而滚动,就...

如何让div里面的p出现滚动条?
如何让p里面的p出现滚动条?1、打开dw,新建一个html页面,进入html页面编辑。2、在代码的body中间编写一个p层。3、将这个新建好的html页面跟编写好的p利用快捷键“ctrl+s”另保存到知道的目录下。4、点击dw的文件按钮,在弹出的下拉框中,选择“新建”。5、在新建的窗口中,找到“css”这一栏,...

相似回答