visibility 属性规定元素是否可见。提示：即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>盒子的溢出处理</title>
<style type="text/css">
div {
margin:10px;
width:200px;
height:80px;
padding:10px;
border:1px solid #f90;
float:left;
}
#box1 {
overflow-x:scroll;
overflow-y:scroll;
}
#box2 {
overflow-x:auto;
overflow-y:auto;
}
#box3 {
overflow-x:hidden;
overflow-y:hidden;
}
#box4 {
overflow-x:visible;
overflow-y:visible;
}
</style>
</head>
<body>
<div id="box1">盒模型是网页设计中最基本、最重要的模型。CSS3新增的与盒模型有关的属性如盒子阴影、盒子尺寸和溢出处理等，为前端设计师带来更多的便利及人性化设计。</div>
<div id="box2">盒模型是网页设计中最基本、最重要的模型。CSS3新增的与盒模型有关的属性如盒子阴影、盒子尺寸和溢出处理等，为前端设计师带来更多的便利及人性化设计。</div>
<div id="box3">盒模型是网页设计中最基本、最重要的模型。CSS3新增的与盒模型有关的属性如盒子阴影、盒子尺寸和溢出处理等，为前端设计师带来更多的便利及人性化设计。</div>
<div id="box4">盒模型是网页设计中最基本、最重要的模型。CSS3新增的与盒模型有关的属性如盒子阴影、盒子尺寸和溢出处理等，为前端设计师带来更多的便利及人性化设计。</div>
</body>
</html>
Processed:
0.012, SQL:
9
