1、流动布局（html网页默认的布局方式） 特点： 1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。
2、内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行） 2、浮动布局(float) 特点：默认布局下，块状元素这么霸道都是独占一行，如果现在大家想让两个块状元素并排显示。就需要使用float来实现。如下：
3、层模型 特点：如果偶想一个div在另外一个div的上面，大家就需要可以使用绝对定位来完成，层模型的三种定位方式relative、absolute、fixed，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
如果觉得《网页的布局类型有哪些 – CSS – 前端 css icon 大小》对你有帮助，请点赞、收藏，并留下你的观点哦！
