前端布局主要利用了以下技术：
HTML
HTML（Hyper Text Markup Language）是用于定义网页结构的标记语言。通过HTML标签，开发者可以创建页面中的各种元素，如标题、段落、图像、链接等，从而构建页面的基本框架。
CSS
CSS（Cascading Style Sheets）用于控制网页的样式和布局。开发者可以使用CSS来设置元素的字体、颜色、边距、背景等样式，并通过各种布局技术（如浮动布局、定位布局、弹性布局和网格布局）来安排页面元素的位置和外观。
JavaScript
JavaScript是一种脚本语言，用于实现网页的动态效果和交互行为。通过JavaScript，开发者可以操作DOM（Document Object Model），实现页面元素的增删改查，处理用户输入，发送网络请求，以及响应用户事件等。
前端框架和库
除了基本的HTML、CSS和JavaScript，前端开发还常用各种框架和库来加速开发过程和提高用户体验。例如，React、Angular和Vue等框架提供了更高级的功能和组件，使得开发者能够更快速地构建复杂的用户界面和交互功能。
这些技术的结合使用，使得前端开发者能够创建出既美观又功能丰富的网页布局。