css笔记

css笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<html>
	<head>
		<style type="text/css">
			#v {
				background-color:#00FFFF;
				width:100px;
				height:80px;
				float: left;
				margin: 5px;
			}
			#h {
				background-color:#00FFFF;
				width:100px;
				height:80px;
				float: left;
				margin: 5px;
				overflow: hidden;
			}
			#s {
				background-color:#00FFFF;
				width:100px;
				height:80px;
				float: left;
				margin: 5px;
				overflow: scroll;
			}
			#a {
				background-color:#00FFFF;
				width:100px;
				height:80px;
				float: left;
				margin: 5px;
				overflow: auto;
			}
			#i {
				background-color:#00FFFF;
				width:100px;
				height:80px;
				float: left;
				margin: 5px;
				overflow: inherit;
			}
		</style>
	</head>

	<body>
		<p>overflow 属性规定当内容溢出元素框时发生的事情。</p>

		<div id="v">
			visible默认值。内容不会被修剪，会呈现在元素框之外。
		</div>
		<div id="h">
			hidden。 内 容 会 被 修 剪，并 且 其 余 内  容 是不可见的。
		</div>
		<div id="s">
			scroll。内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
		</div>
		<div id="a">
			auto。如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
		</div>
		<div id="i">
			inherit。规定应该从父元素继承 overflow 属性的值。
		</div>
	</body>
</html>