网页设计的三种常见布局方式包括：
1. **标准文档流布局**：这是最基本的布局方式，按照HTML标签在文档中的顺序，自上而下、自左而右的流式排列，块级元素会独占一行，行内元素则会按照顺序从左到右排列，直到一行排满为止，这种布局方式简单直观，但在面对复杂页面布局时可能会显得力不从心。
2. **浮动布局（Float）**：浮动布局是CSS布局的一种技巧，可以使元素向左或向右移动，其周围的元素也会重新排列，浮动布局常用于实现文字环绕图片、多栏布局等效果，需要注意的是，浮动元素会脱离正常的文档流，可能会影响页面的布局，因此在使用浮动布局时需要清除浮动。
3. **定位布局（Positioning）**：定位布局可以通过CSS的position属性来实现，包括静态定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed），这种布局方式可以实现元素的精确控制，如元素的位置、大小、层叠顺序等，定位布局常用于实现弹出窗口、导航栏、页脚等效果。
除了以上三种常见的布局方式，还有网格布局（Grid）、弹性盒子布局（Flexbox）等更先进的布局方式，可以根据具体需求选择适合的布局方式。
