响应式布局 ：采用自适应布局和流式布局的综合方式，为 不同屏幕分辨率范围 创建 流式布局 。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比商水网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式商水网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖商水地区。费用合理售后完善，十多年实体公司更值得信赖。
流式布局：布局特点是屏幕分辨率变化时，页面里元素的大小会变化而但布局不变。自适应布局：自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。
静态布局 给页面元素设置固定的宽度和高度，单位用px。窗口发生变化时，会出现滚动条，内容会被遮挡。优点：简单方便，不存在兼容问题。缺点：网页无法根据用户设备屏幕的宽度进行自适应。流式布局 也叫100%布局。
静态布局：传统布局，屏幕宽高变化时，盒子使用横向或者竖向的滚动条来查看被遮挡部分，也就是不管浏览器窗口的大小怎么变化就按html语义标签排列的布局来布置。
灵活性不同：静态布局：毫无灵活性可言，目前已逐渐被淘汰。自适应布局：静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词。流式布局：灵活性更高，可适用于其他三种网站布局。
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
自然布局。没有任何修饰的布局是自动靠左的。流动布局 上面讲的float：left的情况。定位布局 相对定位和绝对定位都是相对于父div标签的。
HTML布局主要有两种方式，一种是表格布局，一种是DIV布局。HTML表格布局是WEB0时代主要使用的布局方式，即使用TABLE标签进行布局，优点是布局比较简单。
1、如果每一行列数是固定的，则下面两种方法可以实现最后一行左对齐。方法一：模拟space-between和间隙 也就是我们不使用justify-content：space-between声明在模拟两端对齐效果。中间的gap间隙我们使用margin进行控制。现居中。
2、使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下：div style=float：left；明月几时有？把酒问青天。
3、打开编辑器，新建test.html，用于学习今天的内容。如下图所示： 接下来需要在head标签下方引入jquery.min.js插件，如下图所示： 在页面的body标签里，新建一个div，名称为test。
4、如果要想使文字居左，就需要让对象左浮动，再使用margin使它到左面的顶部。步骤如下：div style=float：left；margin-top：px；/div注意不要把值给得太大，以免使布局混乱。
5、left；} .div2{ display：inline； float；left；} .div3{ display：inline； float；right；} div class=div1/div div class=div2/div div class=div3/div 那么着三个div会排列在同一行。
