Luffy_ying的博客

关于定位： static:没有定位（默认值，正常它是在文本流中应该出现的位置） relative:相对定位（相对自己的初始位置），占有的空间不释放 absolute:绝对定位（相对于最近已定位的父元素），占有的空间释放 fixed:固定定位（相对于浏览器），占有的空间释放（IE6不支持）

布局是常见的网页设计，下面介绍下两种布局方式：两列布局 and 三列布局 一、两列布局 1）左侧宽高固定，右侧自适应但是不浮动 #left{ height: 300px; width: 100px； background: red; float: left; } #right{ height: 300px; background: yellow

Flex：Flexible Box 江湖人称“弹性布局”，对于网页布局，Flex以其简便、完整、响应式获得所有浏览器的信赖。 一、基本概念 1.任意一个容器都可以指定为Flex布局：display: flex; 2.行内元素：display: inline-flex; 3.Webkit内核的浏览器： display: -webkit-flex; /* Safari */   display