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)