发表于: 2019-06-09 23:38:47
1 792
今日完成的事
制作任务八第一张图,继续熟悉bootstrap属性
明日完成的事
继续任务八。
收获
回顾了之前的深度思考,知识点还是得多看看。首先是清除浮动的方式,通常高度auto时内部元素浮动脱离文档流,容器的高度不会自动伸长,造成浮动溢出,常用的方法首先有clear:both,但这个方法有个缺点就是margin会失效,有个小技巧可以使用伪类after 来进行清除,之后就是常用的隔墙法和内墙法,隔墙法通过在元素中间添加块元素设置clear来达到清除目的,
。内墙法是在子元素最后添加块元素并设置clear属性。
。不过这两个方法增加了额外的标签。
然后就是visibility: hidden和display: none的不同之处,他们的作用都是隐藏属性,只不过display:none是彻底隐藏掉了,所占的空间都释放出来了。而visibility虽然不可见,但是占有的空间还是存在的,也就是说还是会继续影响布局。而且父元素visbility的话子元素也是会继承这个属性。
评论