flex布局
Flex（Flexible Box）弹性布局:任何一个容器都可以指定为Flex布局,注意，设为flex布局以后，子元素的float、clear和vertical-align属性将失效,采用flex布局的元素，称为flex容器（flex container）
flex弹性布局
以下是弹性布局的一些知识点，很简单，易懂！元素一旦变为弹性布局的元素后，float，clear，vertical-align，text-align都失效，定位属性是有效的！接下来就是弹性布局的核心：弹性布局的属性。
rem布局原理
rem 是（根）字体大小相对单位，也就是说跟当前元素的font-size没有关系，而是跟整个body的font-size有关系，物理像素是硬件的一个实际像素；而逻辑像素是我们在网页设计中使用的像素
解决页面缩小时页面布局会乱的问题
给body加上一个min-width最小宽度，以px为单位，这样当页面变小时，当达到你所设置的最小宽度，body的宽度不再改变，超出的部分会用横向滚动条显示，其内所有元素的布局也不会受影响。
html使用frame框架导航跳转至指定的节的用法
主要内容：左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
css页面常用布局技巧
居中布局；水平居中（宽度自适应）；垂直居中（高度自适应）；水平垂直居中；多列布局；左边定宽，右边自适应；左边不定宽，右边自适应；等宽布局；等高布局
常见的sticky footer布局方式
我们常见的网站页面都会把一个页面分为：头部区、内容区、页脚区,当头部区和内容区内容较少时,页脚区能固定在网页底部,而不是随着文档流排布。当页面内容较多时，页脚能随着文档内容自动撑开,显示在页面的最底部。这就是sticky footer布局。
纯css实现瀑布流（multi-column多列及flex布局）
瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了。纯css实现的瀑布流只能是一列一列的排布，所以还是得用js来实现瀑布流更符合我们常见的瀑布流
第三代移动端布局方案
大家有没有发现淘宝的H5移动端没有使用任何rem和vw单位，而是和web端项目一样，使用的是px单位。虽然是px但它也很完美的将整个页面渲染了出来。那淘宝的FE是怎么实现的呢？
height百分比失效_解决css中height:100%失效的问题
为了让网页内容更好的适应各类屏幕尺寸，一般都需要用到height:100%。但是会发现，height百分比失效并没有生效，这是什么原因造成的呢，以及我们需要如何解决呢？
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!