css布局方式有什么？

很多自学css的同学想知道css定位怎么用，网站在右侧有一个地方，是固定不动的，浏览者无论怎么浏览，右侧的区域都是不动的，接下来我们就来实现这个功能。我们在代码中创建一个div，并且给div增加宽度和边框，并且在网页中居中显示，然后我们就可以在这个div中添加各种信息，然后我们再创建一个div来去固定要定位的图片。在创建好第二个div的时候，我们把div的class设置成new，并且使用类选择器设置div，然后我们使用position:fixed;并且将top和left写成0.就可以实现图片的固定了。那么css布局方式有什么呢？下面是我的回答，希望能帮助到你。

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

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

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

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

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

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

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

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

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