摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 1.flex布局，里面的flex项目会脱标吗？flex布局经常被拿来和浮动比较。但这里要明确：2者都能使得盒子横向排列之外，他们之间几无关联。浮动的元素会脱标，父元素要有高度，我们得清除浮动。 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 在网页开发中，html和body是2个非常特殊的元素。其中，html叫根元素，看下面几个问题： 1.如果body里什么东西都没有，那么html和body的宽高是多少？ 答案：2者宽是浏览器可视 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 思考一个问题：css中和盒子和生活中盒子有什么区别？ 答案：3d空间中，css盒子有宽高，没有厚度 盒子的宽度是通过width属性设置的，高度是通过height属性来设置的。没有厚度相关的属性 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 布局中，常见单位，除了px,还有百分比。那么写不同地方的百分比代表什么呢？ 看一个选择题： margin-top:50%，这里的百分比是参考谁的? A、盒子自身的宽 B、盒子自身的高 C、父盒 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 flex布局（2009年w3c提出）出来之前，PC端网页的布局方式（手段）有3种： 1）标准流 2）浮动 3）定位 其中，3者之间又有密不可分的关系。 1.相对定位与标准流 定位里最接近标准流 阅读全文