flex布局分为容器的设置和容器内成员的设置，容器的设置是管理成员的排列方式，也就是管理排列的方向和对齐的位置。成员的设置则是关于成员的大小和显示的位置（order）。 弹性布局，弹性布局，自然要提现他的弹性，所谓弹性也就是对空间的分配。成员设置中的flex属性，就是对于额外空间的管理 ...

在网页布局中我们经常会遇到高度塌陷的这样的问题，那么什么是高度塌陷呢？ 什么是高度塌陷? 如何解决高度塌陷呢？ 这里作者总结了8中解决方法和每种方法的优缺点 方案一 给父元素添加固定高度，适合做高度固定的布局 优点：简单、代码少、容易掌握 缺点：只适合做高度固定的布局 ...

费话不多说，直接上问题： 1.开始时，页面只有两个DIV的嵌套（见图） 运行结果是： 现在看运行的是正常的，但是当我设置让 class="box2" 的DIV浮动时 运行结果 ...

在开发中我们经常会遇到这种布局，要求文字垂直居中，且超出使用省略号说到垂直居中，兼容性最好的就是flex布局，但在flex布局下出现了text-overflow失效的情况 实例代码 <div class="wrapper"> <div class="flex item"> ...

...

引自 http://www.cnblogs.com/shimily/articles/7943370.html ...

margin塌陷 先举个例子 距离上边100px; 现在给里面的小方块设置margin-top:100px;发现两个方块位置没动; 而当给里面的小方块设置margin-top:150px;小方块带着大方块往下移动了50px 原理:父子嵌套元素在垂直方向的margin,父子 ...

摘自：https://www.cnblogs.com/fuck1/p/7441327.html ...