实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>同级塌陷</title> <link rel="stylesheet" href="static\css\sytle11.css"> </head> <body> <!--<div class="box1"></div>--> <!--<div class="box2"></div>--> <!--嵌套传递--> <!--<div class="box3">--> <!--<div class="box4"></div>--> <!--</div>--> <!--自动挤压--> <div class="box5"></div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>同级塌陷</title> <link rel="stylesheet" href="static\css\sytle11.css"> </head> <body> <!--<div class="box1"></div>--> <!--<div class="box2"></div>--> <!--嵌套传递--> <!--<div class="box3">--> <!--<div class="box4"></div>--> <!--</div>--> <!--自动挤压--> <div class="box5"></div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
/*同级塌陷*/
/*.box1{*/
/*width:200px;*/
/*height: 200px;*/
/*background-color: blueviolet;*/
/*}*/
/*.box2{*/
/*width: 200px;*/
/*height: 200px;*/
/*background-color: darkcyan;*/
/*}*/
/*.box2{*/
/*margin-top: 30px;*/
/*}*/
/*.box1{*/
/*margin-bottom: 50px;*/
/*}*/
/*嵌套传递*/
/*.box3{*/
/*width:400px;*/
/*height: 400px;*/
/*background-color: dodgerblue;*/
/*}*/
/*.box4{*/
/*width:300px;*/
/*height: 300px;*/
/*background-color: blueviolet;*/
/*}*/
/*.box4{*/
/*margin-top: 0;*/
/*}*/
/*.box3{*/
/*padding-top: 50px;*/
/*height: 150px;*/
/*}*/
/*自动挤压*/
.box5{
width: 300px;
height: 400px;
background-color: burlywood;
margin: 50px auto;
}运行实例 »
点击 "运行实例" 按钮查看在线实例