2019-03-14我大flex天下第一！！！😂 2 65
2019-03-14试了一下，发现上面第二个例子的代码并不能实现想要的效果
首先，因为hmtl代码的换行使得在inline-block的布局下两个盒子不能被放在一行这个通过父级font-size:0可解决
第二，由于auto在html的上的顺序是比fixed后面的，想像中的层级是高于fixed的，当auto是一个有背景的盒子，fixed就被完全遮挡了,可以通过transform：translateZ(0)把它提起来 33
2019-03-141. 等宽布局，不用外层font-size:0的方法的话，应该是.inner:not(last-child) {
margin-right: -5px;
}吧，前面元素均添加一个负外边距抵消掉空格大小。
2. 因为也是用inline-block，所以自适应宽需要加上
.outer {
font-size: 0;
}展开 12
2019-03-16Sir, have a look at this...
https://github.com/aimergenge/inline-block-layout 8
2019-03-17在 CSS 标准中，规定了如何排布每一个文字或者盒的算法，这个算法依赖一个排版的“当前状态”，CSS 把这个当前状态称为“格式化上下文（formatting context）”。
还是没有理解这句话 5
2019-05-21一个元素规定了自身周围至少需要的空间,这个解释深有体会,无可挑剔啊 2- 2019-03-24.auto {
width: calc(100% - 200px);
// ... rest of the necessary styles
} 2 
2019-03-20为什么我写后面的完整版的，不会自动排布，宽度总是不够。被撑下去了。 2
2019-03-15grid写大的整体的布局框架，flex写一维的可线性化的布局，这两种布局的兼容性已经更好了，再加上一些模块和脚手架打包的时候能自动为你添加浏览器前缀，布局变得越来越容易了 2- 2019-03-14为什么三栏平分的那个样式里，给 outer 添加一个特定宽度和给最后一个 div 加上一个负的右 margin，我用chrome试验的结果，是变成了3个宽度很窄的盒子，而且第三个盒子在第二排？ 1 2
2019-05-01formatting context + boxes/charater = positions 单词charater拼写错误，应是charcter 1 1
2019-04-30感觉自适应宽还是浮动更爽一点！ 1
2019-03-15大师你好！今天再看一本书《数据结构与算法描述JavaScript》 偶然发现了熟悉的名字 ，程劭非 大师作序 !感觉好熟悉，哇这不是!!!我要好好看书了…… 1
2019-03-14自适应宽例子中，是否应该在.fixed, .auto中加入float:left才能正确显示效果呢？ 1
2020-01-17为什么不用 calc 呢
2020-01-16给 outer 添加一个特定宽度， 没有看到什么实际效果啊，下面这段代码还是会换行。
.outer {
width:101px
}
.inner {
width:33.33%;
height:300px;
display:inline-block;
outline:solid 1px blue;
}
.inner:last-child {
margin-right:-5px;
}展开- 2019-12-03三等分、自适应宽度，可以考虑强大的table-cell布局，自带bfc
2019-07-09感觉 formatting那一段有点难理解...作者回复: 确实有点难
2019-06-15最后一段的代码并不是完整版，说最后代码无法换行的小伙伴要把上面消除空白那部分的css加上
2019-04-29最后一个例子刚好是圣杯布局和双飞翼布局的原理