前端样式的流式布局与绝对定位

弹性布局

不得不说，弹性布局在普通的前端页面排版时好用的一批，谁用谁知道。
一般看这里就好了，简单易懂，小白也能看明白。

<style>
/*弹性布局的声明*/
.flexibleBox{
display:flex;
}

定位

当然弹性布局不是万能的，如果搭配使用定位更舒服。
定位分为绝对定位和相对定位，两者的区别主要在于元素相对于哪个位置去偏移，以及是否会对其他元素的布局产生影响。可参考这里学习理解

<style>
/*绝对定位声明*/
.absolute{
position:absolute;
}
/*相对定位声明*/
.relative{
position:relative;
}

（没错又是菜鸟教程，谁叫我自己就是个菜鸟呢）