div overflow属性

最新推荐文章于 2023-11-10 18:14:22 发布

whyabc

最新推荐文章于 2023-11-10 18:14:22 发布

阅读量9.5k

点赞数 3

分类专栏： css

本文链接：https://blog.csdn.net/yanzhibo/article/details/18778507

版权

css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

overflow

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

visible	:	默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效
auto	:	在必需时对象内容才会被裁切或显示滚动条
hidden	:	不显示超过对象尺寸的内容
scroll	:	总是显示滚动条

例如：

<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
		<title>DIV+CSS</title>
		
		<style type="text/css">
			
			div{
				width:200px;
				height:600px;
				border:1px solid #ccc;
				overflow:auto;
			}
		</style>
	</head>
	<body>
		<div>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
			<p>超出div设定的高度之后的内容显示</p>
		</div>
	</body>
</html>

whyabc

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
div overflow属性

overflow检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。visible :　默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且"> clip 属性设置将失效auto :　在必需时对象内容才会被裁切或显示滚动条hidden :　不显
复制链接

扫一扫