网页布局三种机制是：

1. 文档流布局：文档流是指元素按照html文件中的先后顺序一个接一个地排列，它是默认的布局方式。元素的位置是由其前面的元素和容器的尺寸决定的。这种布局方式简单易懂，但灵活性有限。

2. 浮动布局：浮动是指元素脱离文档流，按照指定方向进行排列。浮动元素会尽可能地靠近允许的边界，直到遇到其他浮动元素或容器的边界。浮动布局可以实现复杂的页面布局，比如实现多列布局和响应式布局。

3. 定位布局：定位是指通过给元素设置绝对或相对的位置，精确定位元素在其父元素内的位置。绝对定位将元素相对于页面的左上角确定其位置，而相对定位将元素相对于其原始位置定位。定位布局常用于实现对话框、工具提示、倒计时等效果。