盒子模型组成

  1. 内容区域（comtent）
  2. 内边距区域（padding）
  3. 边框区域（border）
  4. 外边距区域（margin）

布局标签

标签： 和

  1. 特点：一行只显示一个宽度默认是父亲宽度高度由内容撑开可以设置宽高一行可以显示多个高度由内容撑开不可以设置宽高
  2. 应用：
    #nav-max {width: 1200px;margin: 0px auto;box-sizing: border-box;}#nav-max1 {width: 600px;margin: 0px auto;box-sizing: border-box;position: relative;}#nav-max2 {width: 1200px;margin: 0px auto;box-sizing: border-box;}#nav-max3 {width: 1200px;height: 500px;margin: 15px 15px;padding: 10px;margin: 0px auto;box-sizing: border-box;border: 1px red solid;}#nav-min1 {background-color: beige;float: left;padding: 10px 43px;}#nav-min1:hover {background-color: coral;color: #fd0000;}#nav-min2 {width: 300px;height: 500px;margin: 15px 15px;padding: 10px;border: 1px red solid;float: left;background-color: bisque;}#nav-min3 {width: 440px;height: 500px;margin: 15px 15px;float: left;}#img1 {position: absolute;width: 82px;right: 700px;}#img2 {width: 440px;height: 520px;position: relative;}#box_img2_left {top: 300px;background-color: #fd0000;position: absolute;}#box_img2_right {top: 300px;right: 0px;background-color: #fd0000;position: absolute;}网站首页产品案例公司介绍联系我们
    < >123123456