CSS布局总结

时间:2024-08-16 08:04:43

三种布局模型:

  1.flow 标准流布局

  2.float 浮动布局

  3.layer 层叠布局

关于(flow) 标准流布局

  浏览器默认的布局方式就是标准流布局。对于标准流布局下的的块元素和行内元素的特点:

    块元素:

      1.独占一行

      2.可设置宽高 边距

      3.默认宽度是100%

    行内元素:

      1.不占一行

      2.宽度 高度 上边距和下边距不可以设置

      3.大小是根据内容自动设定,不可修改

    在这个地方:

        1.块元素如果不设置宽高,块元素的宽高会根据内容自动调整

        2.行内元素只根据内容来占用浏览器的内容空间,而不是根据行内元素的盒子的大小,实际上对行内元素进行盒子模型的相关设置是没有多大意义的

        例子: