浮动布局、定位布局和响应布局是三种最基本和最常见的布局。另外,柔性布局使用相对较少,需要根据工程的具体情况确定。在网站开发中,我们通常需要结合各种布局来实现网页的布局。如果你正在学习网页布局的相关知识,你可以用这个html5布局来辅助你的学习
1。flow布局(html网页的默认布局)功能:1。块元素将在包含元素中从上到下垂直扩展和分布,因为在默认状态下,块元素的宽度为100%。
2.内联元素在包含元素中从左到右水平显示。(内联元素不像块元素那样独占一行)2。浮动布局特点:在默认布局中,块元素独占一行。如果我们现在要并排显示两个块元素。你需要用浮子。三。图层模型特点:如果我想让一个div在另一个div之上,我们需要使用绝对定位。需要设置相对、绝对和固定三种图层模型定位方法位置:绝对这个语句的功能是从文档流中拖出一个元素,然后使用left,right,top,底部属性相对于其最近的位置。包含具有位置属性的块的父对象用于绝对位置。