布局

作者: _narcissus | 来源:发表于2018-11-10 11:20 被阅读6次

在html中如果没有布局，那么块级元素会一个接一个的向下排列
内联元素会写完一行，继续新的一行

那么如何改变元素的位置呢？

第一种：使用定位position（这种很好用啊）
需要指定以哪个为参考物，然后以参考物为基准进行位移。
在参考元素标签里写position:relative（指定参考对象），在移动元素标签里写position:absolute；left:某x;top:某px

第二种：使用浮动float（这个就有点复杂了）
float在父层级里浮动，如果没有，则是在整个body里浮动
1.先只考虑使用块级元素的情况了，总的来说就是float:left后都会变的像内联元素一样，在父级框架里一个一个接着向后排列，排完一行继续下一行。(float:right后方向相反)