发表于： 2019-06-08 23:27:49
1 902
今日完成的事
学习了bootstrap的文档，制作任务八第一张图
明日完成的事
继续学习bootstrap文档，多熟悉下。
遇到的问题
子元素使用float时，由于float脱离文档流所以父元素高度撑不开。
但是父元素使用overflow：hidden时，又起到了clear：both的作用
这是因为overflow：hidden本意是超出部分要裁切隐藏。float脱离文档流，文档流要根据内容高度裁切，高度默认auto时，如果不计算直接切就会影响float属性，所以这时候会考虑float的高度。
收获
顺带复习下css优先级内嵌>内联=外联，id>元素>类选择器。学习到了vw属性，顺带着了解了视口这个概念，桌面的视口就是浏览器的可视范围，移动端的视口涉及到布局、视觉和理想视口（Ideal Viewport），指的是移动端的layout viewport，
vw是依赖于视口的尺寸，根据视口的百分比来定义的，%是依赖父元素的。
返回列表
评论