CSS样式之overflow属性

最新推荐文章于 2024-06-03 23:30:08 发布

AnyBisks

最新推荐文章于 2024-06-03 23:30:08 发布

阅读量627

点赞数

分类专栏：前端css 文章标签： css

本文链接：https://blog.csdn.net/AnyBisks/article/details/78815370

版权

前端css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

CSS样式之overflow属性

1.CSS样式之overflow属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div {
				 height: 50px;
				 width: 100px;
				 float: left;
			}
			/*overflow属性;
			 * visible:默认属性，内容不会被修剪，直接在元素框外面显示
			 * hidden:内容会被修剪，并且元素框外元素不可见
			 * scroll:直接出现滚动条，修剪的部分在元素框滚动中显示
			 * auto:修剪后出现滚动条，不修剪不出现
			 */
			
			.a1{
				overflow: visible;
			}
			.a2{
				overflow: hidden;
			}
			.a3{
				overflow: scroll;
			}
			.a4{
				overflow: auto;
			}
		</style>
	</head>
	<body>
		<div class="a1"><img src="../../img/1.jpg"/></div>
		<div class="a2"><img src="../../img/1.jpg"/></div>
		<div class="a3"><img src="../../img/1.jpg"/></div>
		<div class="a4"><img src="../../img/1.jpg"/></div>
	</body>
</html>

AnyBisks

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS样式之overflow属性

CSS样式之overflow属性1.CSS样式之overflow属性 div { height: 50px; width: 100px; float: left; } /*overflow属性; * visible:默认属性，内容不会被修剪，直接在元素框外面显示 * hidden:内容会被修剪，
复制链接

扫一扫

专栏目录