盒子的嵌套

2017-06-07 18:32:00
admin
原创
264
<!DOCTYPE html>
 <html lang="en">
  <head>
   <meta charset="UTF-8">
   <title>盒子的嵌套</title>
   <style>
     #box1{//父盒子 设置宽度
      border:1px solid red;
      width: 300px;
      height: 150px;
      background: pink;
    }
    #box2{//子盒子 不设置宽度
      border:1px solid red;
      height: 100px;
      background: green;
    }
   </style>
  </head>
  <body>
   <div id="box1">父盒子
     <div id="box2">子盒子宽度 自动延伸为 父盒子宽度</div>
   </div>
  </body>
 </html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227