html布局的常见类型是什么？html的三种布局特色剖析
1、活动布局（html网页默许的布局方式）
特色：
1、块状元素都会在所处的包括元素内自上而下按次序垂直延长散布，由于在默许状态下，块状元素的宽度都为100%。
2、内联元素都会在所处的包括元素内从左到右水平散布显示。（内联元素可不像块状元素这么霸道独有一行）
2、浮动布局(float)
特色：默许布局下，块状元素这么霸道都是独有一行，要是此刻我们想让两个块状元素并排显示。就需要运用float来实现。
如下
div{
width:200px;
height:200px;
border:2px red solid;
float:right;
}3、层模型
特色：要是我想一个div在别的一个div的上面，我们就需要可以运用绝对定位来完成，层模型的三种定位方式relative、absolute、fixed
绝对定位（absolute）
需要设定position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，
然后运用left、right、top、bottom属性相关于其最接近的一个拥有定位属性的父包括块进行绝对定位。
要是不存在这样的包括块，则相关于body元素，即相关于阅读器窗口。
相对定位（relative）
要是想为元素设定层模型中的相对定位，需要设定position:relative（表示相对定位），
它通过left、right、top、bottom属性肯定元素在正常文档流中的偏移位置。
相对定位完成的历程是第一按static(float)方式生成一个元素(而且元素像层同样浮动了起来)，
然后相关于之前的位置挪移，挪移的标的目的和幅度由left、right、top、bottom属性肯定，偏移前的位置保存不动。
牢固定位（fixed）
fixed：表示牢固定位，与absolute定位类型相似，
但它的相对挪移的坐标是视图（屏幕内的网页窗口）自身。
因为视图自身是牢固的，它不会随阅读器窗口的滚动条滚动而变化，
除非你在屏幕中挪移阅读器窗口的屏幕位置，或转变阅读器窗口的显示大小，
因而牢固定位的元素会始终位于阅读器窗口内视图的某个位置，不会挨文档活动影响，
这与background-attachment:fixed?属性功能雷同。
注意：
在运用z-index属性的时候，只要元素运用了position属性的，才拥有z-index属性。没有运用position的属性的元素是没有z-index属性的，设定了也没实用
相干文章举荐：
html+css布局的三种方式(天然布局/活动布局/定位布局)_HTML/Xhtml_网页制作
应用HTML和HTML实现常见的布局_html/css_WEB-ITnose
以上就是html布局的常见类型是什么？html的三种布局特色剖析的细致内容，更多请关注 百分百源码网 其它相干文章！
