css布局问题/需求

场景 这种情况多半是出现在使用了vh或者vw这种单位的情况。 原因 假如我搞了一个上下布局，上面导航栏，下面内容区域。 比如导航栏固定高度60px。 内容区域使用下面的计算高度。 由于产生了横向滚动条

前言 float在早期，是让多个元素位于同一行的手段。 排查 clear:both; 后面的元素使用了clear:both; 这个一般是不用提的，如果是自己写的肯定是知道clear什么作用的。然而如果

方法 需要注意的是，space-between的方法是自适应分配空隙，而不是撑开，也就是说父容器的大小应该是确定的，而不是由子元素撑开，因此这种方法一般来说不使用，用另外两种方式。 疑惑的情况 掘金

情景 假设现在需要展示侧边栏Sidebar和主要内容content。 希望Sidebar在左侧，content在右侧。 但是在html中，先解析到的元素会更早处理，所以我们希望在html代码文件中si

前言 远古时期就不提了，什么用缩放之类的适配移动端。 目前最流行的适配移动端的方式是使用rem。 rem适配移动端的原理在于，1rem = 根元素字体大小。 比如默认情况下，1rem = 16px。

前言 上篇文章我写了BFC的作用，其中有一条就是避免被float元素遮盖(和清除浮动一样)。 坑在何处？ 遍地可见的flex和grid flex和grid属于很爽的那种布局方式，应该没人忍得住不用这玩

前言 BFC（Block Formatting Context） 块级格式化上下文，中文名比较拗口，记住和Block布局有关就可以了。 概念之类的不必多说，反正没人关心，讲一讲如何触发BFC，BFC会

尝试解决height: auto引发的一系列高度百分比失效问题。并试图分析其中的原理，辅以代码尽可能详细地描述和解决问题。