发表于： 2018-05-29 19:40:37
4 561
任务四主要内容是简单的排版使用工具是盒子和position，float，flex，display属性
学习到的知识
float的效果是使标准流元素脱标，所以float元素属性与行内块级元素一致，可以设置宽高，但不占一行,由于浮动元素脱标导致无法撑起父级元素高度
即浮动元素特性1包裹性，浮动元素的宽高默认由内容决定2破坏性，浮动元素脱离标准流，父级元素在没有设置宽高时，浮动元素不会撑起父元素的高
float主要应用是同级元素的行排列，而不是垂直页面布局。所以float应该应用在同一水平面上的同级元素的排列，比如固定+自适应，自适应+自适应
float主要问题1，不能用margin 0auto水平居中，2如果父元素不设置高，父元素会没有高而坍塌影响垂直页面分布 3 父元素设置高，子元素自适应有问题
返回列表
评论