此外，网页的排列方向还受到writing-mode属性的影响。在CSS规范中，默认的书写模式是horizontal-tb，即行内容“从左到右”水平排布，而块内容则沿“从上到下”的方向依次放置。这种模式非常符合大多数人类阅读和书写习惯，因此浏览器在设计之初就采用了这一逻辑。换句话说，同一层级上的块级盒子，其块向尺寸（Block-size）属性的计算方向是纵向的，所以元素们会自然叠放在垂直轴上。
值得额外说明的是，“竖着排版”并不是网页布局的唯一可能。借助Flexbox（弹性盒布局）、CSS Grid（网格布局）、浮动（Float）、绝对定位（Position: absolute）以及修改writing-mode: vertical-rl等方式，开发者完全可以改变元素的排列方向，使其变成横向排列、多列排列、甚至从右到左的竖排文字。但无论采用哪种布局方案，默认状况下浏览器都会先按照常规流完成纵向堆叠——因此常规流中的纵向排布，才是前端网页最基础和最重要的文档流特性。
从历史演进角度来看，HTML源自SGML文档体系，早期网页设计的目标是呈现文本内容本身，而不是复杂的排版视觉效果。文本段落天然具有“换行后向下继续”的纵向流特性，这种设计被完整继承到现代CSS中。随着Web标准的持续发展，CSS逐渐提供了更多精细控制布局的机制，但文档流（Document Flow）依然处于布局模型的底层核心位置。即便使用最复杂的Grid项目定位或Flex排列方式，浏览器依然会首先解析常规流中元素的先后顺序和块级特性，再依据布局算法生成最终视觉结果。
综上所述，前端网页默认竖着排版的本质原因是：块级元素独占一行且宽度自动撑满容器，加上书写模式默认按水平方向排列行内容、按垂直方向堆叠块级元素，两大机制在常规流中共同作用下，形成了自上而下的纵向文档流。这既是浏览器渲染引擎的默认行为，也是人类阅读习惯在Web技术体系中的自然映射。理解这一原理，有助于前端工程师在开发过程中更好地把握布局的底层逻辑，并有意识地选择不同的布局方式来实现设计意图。
