<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>overflow处理溢出部分</title>
<style>
div{/*overflow: visible;*/
/*默认值,超出盒子的部分照常显示*/
/*overflow: hidden;*/
/*超出盒子宽度高度的部分隐藏,源代码中内容都存在*/
/*overflow: scroll;*/
/*scroll:滚动条始终存在,内容不会超过盒子的宽高,滚动滚动条可看所有内容,不常用,丑+滚动条不可控制+内容不超过时也有滚动块*/
/*内容不超过盒子宽高,不显示滚动条,超过则显示,滚动条也不可设置*/
overflow: auto;
width: 200px;
height: 100px;
border: 1px solid red;
margin: 100px auto;
}
</style>
</head>
<body>
<div>元素显示隐藏最常见的精灵图产生的方法去除图片底侧空白缝隙的方法元素显示隐藏最常见的精灵图产生的方法去除图片底侧空白缝隙的方法元素显示隐藏最常见的精灵图产生的方法去除图片底侧空白缝隙的方法元素显示隐藏最常见的精灵图产生的方法去除图片底侧空白缝隙的方法元素显示隐藏最常见的精灵图产生的方法去除图片底侧空白缝隙的方法</div>
</body>
</html>