当父元素高度为 auto 且 min-height 为 100% 时，子元素无法直接继承该最小高度。使用 flexbox 布局或绝对定位可以实现子元素适应父元素高度。

CSS中height:100%和height:inherit都是用来设置元素高度的属性。虽然它们都可以实现类似的效果，但在具体的应用场景中，它们之间也存在着一些差异 height:100% heigh

使用 FLIP 技术，实现一个自适应高度且带过渡动画的容器元素，且打断动画时仍能平滑过渡，可以影响文档流中的其它元素。

有时候一些页面希望在手机上可以实现横屏的效果，比如播放页面，这样我们创建如下的css，这样在手机上浏览会发现页面处于横屏效果，而且即使开启了自动转屏，转屏后依然保持着横屏效果。

flex 布局作为开发中的常规手段，使用起来简直不要太爽。其特点： 相对于常规布局（float, position），它具备更高的灵活性； 相对于 grid 布局，它具有更强的兼容性； 使用简单，几个

tailwindcss umi@3.x umi@4.x h5 viewport postcss@7x postcss@8x

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

在我们前端开发时，经常会遇到不同的场景页面布局问题，页面框架搭建是前端开发基础，也是十分重要的一环。本文先是对页面开发基本流程思路进行了总结，在此基础上对CSS布局常见方案进行梳理。

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…