发表于: 2017-07-22 22:41:52
1 752
一、今天完成的事情
早上反馈又有两师弟日报(id:14120、14090)无法评级了,我查了一下,无法评级的师弟,不管转给哪个师兄还是无法评级,和昨天韩阳师弟的日报是一样的情况,但是同样的操作,其他师弟的日报却可以评级,原因没找到,感觉是后端数据的问题。
二、明天计划的事情
三、遇到的问题
小课堂问题:
1. 怎么让浮动的元素和定位的元素水平垂直居中
动元素水平居中:
1) 如果浮动元素定宽,可以设置margin:0 auto居中
2)如果浮动元素不定宽,在外层包裹一个div .wrap {position:relative;//为了让元素可以偏移float:left;//让元素具有宽度,利用BFC元素特性 left:50%;} .content{position:relative;float:left;right:50%;},由于.wrap也浮动,为了不影响其他元素,需要清除浮动
3) 浮动元素垂直居中:
核心代码: vertical-align: middle;display: table-cell;
2.什么是BFC?
是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。
当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素的主要受该浮动元素影响,两个浮动元素之间是互不影响的。这里有点类似一个BFC就是一个独立的行政单位的意思。
BFC的作用:不和浮动元素重叠;清除元素内部浮动;嵌套元素Margin边距折叠问题的解决
四、收获
小课堂能很好的巩固和深入所学知识,甚好。
评论