发表于： 2020-07-15 22:34:43
1 1289
今天：
1用flex弹性布局，做了一个九宫格。
2.做任务4的布局，还没完成；
明天的任务：
先做任务4
遇到的问题：
1.碰到一个情况就是盒子跑出父元素，百度搜索得知，是高度设置不对，用height：auto，然后发现
height:auto，是指根据块内内容自动调节高度。
height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。
2.margin塌陷的问题，我是看的博客http://www.imooc.com/article/73250，了解到在标准文档流中，竖直方向的margin会出现叠加现象（水平方向不会塌陷），两个margin紧挨着，中间没有border或者padding
margin直接接触，就产生了合并
表现为较大的margin会覆盖掉较小的margin，竖直方向的两个盒子中间只有一个较大的margin，这就是margin塌陷现象。
收获：
学了了弹性布局flex
返回列表
评论