专注

在前端开发中，rememrpxpx和vw是常用的单位，它们各自的用途和计算方式不同，适用于不同的场景。

【代码】css实现高度是宽度一半的效果。

【代码】css实现排行榜样式（vue组件）

先看一下有问题的浮动布局：你会发现ul下面的内容会挤到右边了，这是因为浮动的标签没有高度的问题。接下来讲述一下清除浮动的四种方法：在需要清除浮动的父类添加overflow: hidden（但这会直接隐藏子标签溢出部分的内容）清除浮动方式二：隔墙法，在需要清除浮动的下方添加一个空标签，然后在空标签添加clear: both属性（影响：增加额外无意义的标签，可读性和可维护性不好）清除浮动方式三（隔墙法升级版）：在需要清除浮动的父类添加after伪类，同时添加以下样式（不需要添加额外标签）清除

之前主流移动端适配方案是lib-flexible+postcss-pxtorem，但是这样的方案会存在一定的问题：两个插件需要配套使用，而且rootValue设置的值不好理解rem是相对于html元素字体单位的一个相对单位，从本质上来说，它属于一个字体单位，用字体单位来布局，并不是太合适另一种流行的移动端适配方案：postcss-px-to-viewport插件安装： npm install postcss-px-to-viewport --save-dev安装成功后，在如下位置添加pos