巧用padding属性隐藏滚动条 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			.wrap{
				width: 200px;
				overflow: hidden;
				background: #ef4736;
			}
			ul{
				list-style: none;
				width: 100%;
				height: 400px;
				overflow-y: scroll;
				padding: 10px 15px;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<ul>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
				<li>很好的</li>
				<li>很高兴</li>
			</ul>
		</div>
	</body>
</html>

 

posted @ 2020-04-21 18:38  JackieDYH  阅读(3)  评论(0)  编辑  收藏  举报  来源