css布局方式有什么

CSS常见的布局方式包括弹性布局、固定布局、流体布局、混合布局、绝对定位布局等。

1.弹性布局：总体宽度及其中所有栏的值都以单位编写。这应使布局能够使用浏览器的指定基本字体大小缩放。 栏宽度将变得更宽, 能以任何大小显示更舒适、更可读的行长度。

2.固定布局：总体宽度及其中所有栏的值都以像素单位编写，布局位于用户浏览器的中心。

3.流体布局：总体宽度及其中所有栏的值都以百分比编写，百分比通过用户浏览器窗口的大小计算。

4.混合布局：混合布局组合两种其他类型的布局，弹性和流体。页面的总宽度为 100%,，但侧栏值设置为em单位。

5.绝对定位布局：所有前述布局的外栏使用浮动内容。 而绝对定位布局完全如其名，有绝对定位的外栏。 必须记住, 当使用这些布局时，侧栏会“提出文档流程”, 因而可能有一些不合适的结果。

其它答案

牛仔很忙2020-06-22 18:56:36

文档流布局：这是最基本的布局方式，就是按照文档的顺序一个一个显示出来，块元素独占一行，行内元素共享一行。

浮动布局：浮动方式布局就是使用float 属性，使元素脱离文档流，浮动起来。

定位布局：我们也可以通过position 属性来进行定位。