一、盒子模型:

        标准模式和混杂模式(IE)。在标准模式下浏览器按照规范呈现页面;在混杂模式下,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

        CSS 盒子模型,绝对定位和相对定位

          CSS 盒子模型,绝对定位和相对定位

        CSS盒子模型具有内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。我们所说的width,height指的是内容(content)的宽高,一个盒子模型的宽度=:width+ pdding(宽) + border(宽),高度=height + padding(高) + border(高)。

二、绝对定位和相对定位:

       relative(相对定位) 对象不可层叠、不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。

absolute(绝对定位) 脱离文档流,通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。

相关文章:

  • 2022-03-02
  • 2022-12-23
  • 2021-05-22
  • 2021-12-03
  • 2021-08-18
  • 2022-02-17
  • 2021-12-03
猜你喜欢
  • 2021-07-01
  • 2021-04-24
  • 2021-05-29
  • 2021-10-11
  • 2021-09-19
  • 2021-10-16
  • 2022-01-29
相关资源
相似解决方案