发表于: 2019-10-31 22:22:37

1 912


今天完成的事情: 

看了老大live李老板整理的互联网求职指南 

2  继续整理面试题

明天计划的事情:

1 刷面试题

遇到的问题:

1 解决师弟问题的时候发现高度设置%没有效果。

    当一个没有设置高度的父级元素下拥有两个子元素,一个子元素有高度或被内容撑开(这时候父元素被撑开了),这是另一个子元素设置高度%,是无效的。

    解决方案:

  我们知道css中在父元素没有被设置高度(height)的时候,子元素的高度(height)设置百分比是无效的,其核心原因在于这时候他并不知道参照物是谁,父元素也没有明确设置高度,这时候浏览器就默认不做任何计算,就导致了即使子元素设置了高度也无效的情况。那么纯css方式就没任何办法能实现了吗,答案是否定的。

     在css的世界里有个叫做定位的布局方式,其名下有个叫做绝对定位的小弟,这个小弟需要被设置了定位(absolute,fixed,relative任意一种)的父元素或者祖先元素作为参照物,然后相对于他们去进行定位。参照物。。。参照物,。。。参照物。。。。那么这时候既然已经有了参照物了,我们设置子元素的高度为百分比的时候会发生什么呢?看图:

总结:父元素没有设高/由子元素撑起/max(min)-height/,那么其它子元素设置高度%无效。可父设置relative,子设置absolute解决

收获:

1 解决问题的时候回顾了一下总结了一下table表格

table表格
border-collapse: collapse;  折叠边框,表格单一边框
table-layout 属性为表设置表格布局算法
注意就算设置了宽度如果不设置下面的属性,也会由内容决定宽度
表格每列宽度问题:
每列单元格是按宽度最大的列那个为标准的,最大宽度列下面的td长度都跟他一样,相邻,td不能直接设置一大一小(除了第一行)。解决如下:
1多设置几个table
2 图1:colspan/rowspan合并单元格但是注意要先设置。 图2:直接设置table-layout:fixed后。每行/列合并单元格是按最大的那个平分




返回列表 返回列表
评论

    分享到