HTML布局是创建网页时用来组织内容的方式，常见的HTML布局技术包括：

流动布局（Flow Layout） ：

块级元素自上而下垂直排列，宽度默认100%。

内联元素从左到右水平排列。

浮动布局（Float Layout） ：

块级元素可以并排显示，通过设置`float`属性实现。

注意浮动元素会影响周围元素的位置。

层模型（Positioning Model） ：

绝对定位（`position: absolute`）：元素脱离文档流，相对于最近的定位父元素定位。

相对定位（`position: relative`）：元素相对于正常文档流偏移位置。

Flex布局（Flexbox） ：

一维布局，提供子元素的空间分布控制和对齐能力。

容器可以指定为flex布局，子元素自动成为容器成员。

Grid布局（CSS Grid） ：

二维布局，使用网格线划分页面，创建灵活且可响应的布局。

多列布局 ：

包括单栏、两栏、三栏布局等，可以根据需要调整列的宽度和位置。

响应式布局（Responsive Layout） ：

根据设备屏幕大小自动调整布局，提供良好的移动端体验。

表格布局（Table Layout） ：

使用``元素创建布局，传统但不够灵活。

绝对定位布局技术 ：

使用`position: absolute`对元素进行精确定位。

弹性布局技术 ：

使用Flexbox或CSS Grid实现自适应布局，高度能自动撑开。

HTML布局通常与CSS样式表结合使用，通过设置元素的`display`属性、`width`、`height`、`margin`等属性来控制布局。