HZRun的博客

认识flex布局 flex是目前web开发中使用最多的布局方案 两个重要概念 开启了flex布局的元素叫flex container flex container 里面的直接子元素叫做flex items 通过display:flex或者display：inline-flex开启flex布局 flex container上的CSS属性： flex-flo...

1. 基本介绍 浮动属性可以让元素产生浮动效果，float的常用取值有： none:不浮动，默认值 left:向左浮动 right：向右浮动 2. 浮动规则 2.1 浮动规则一 元素一旦浮动后： 脱离标准流 朝着左（右）方向移动，直到自己的边界紧贴着包含块（一般是父元素）或者其他浮动元素的边界为止 定位元素会层叠在浮动元素上面 ...

定位(position) 1. static: 在标准流中，就算设置left,right,top,bottom也没有效果 2. relative 相对自己原来的位置移动 left:20px 自己左边距离20px，元素占据空间不变，周围的static元素不受影响。 应用：把图片一直居中展示： 先把装图片的div（.box）设置为overflow：hidden ...