我正在创建一个动画,其中div从插入路径(100%0 0 0)向上滚动到插入(0 0 0 0).但是,div的底部和父容器之间会出现一个小间隙.父母的位置是相对的,孩子的身高是100%.如果我查看开发人员的工具并检查子项和父项的高度,它们都匹配.
差距来自哪里？
body {
height: 100%;
width: 100%;
margin: 0 auto;
}
#main {
overflow: auto;
height: 64vh;
width: 38vw;
margin: 0 auto;
margin-top: 10%;
position: relative;
border: 1vh solid black;
overflow: hidden;
}
#left-col {
float: left;
width: 4%;
height: 100%;
margin-left: 46%;
background: black;
}
#right-col {
float: left;
width: 4%;
height: 100%;
margin: 0 auto;
margin-left: 0;
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
background: black;
}<body>
<section …我正在从Font-Awesome中读取代码,这是一个库(根据我的理解)覆盖部分Bootstrap来修改一些代码.
在Font-Awesome中创建了一个名为fa-twitter的类:
.fa-twitter:before {
content: "\f099";
}
我不明白在这种情况下f正在做什么,以及使用数字"099"的地方.我曾尝试在Github上搜索Font-Awesome,想想也许.fa-twitter在其他地方定义,或者数字可以使用的东西,但到目前为止我还没有找到任何东西.