可调尺寸

CSS3中,resize属性指定一个元素是否允许用户调整大小。 这个 div 元素可由用户调整大小。

<style>
div {
	border:2px solid;
	padding:10px 40px;
	width:300px;
	resize:both;
	overflow:auto;
}
</style>
</head>
<body>
<div>resize属性指定一个元素是否可由用户调整大小。</div>
</body>
Code language: HTML, XML (xml)

box-sizing 属性允许您以确切的方式定义适应某个区域的具体内容

<style>
div.container {
	width:30em;
	border:1em solid;
}
div.box {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	width:50%;
	border:1em solid red;
	float:left;
}
</style>
</head>
<body>
<div class="container">
<div class="box">这个 div 占据了左边的一半。</div>
<div class="box">这个 div 占据了右边的一半。</div>
</div>
Code language: HTML, XML (xml)

Previous:
Next:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注