发表于： 2018-11-01 21:26:20
2 841
今天完成的事情：
任务十三的前两个页面的重写
.picture-three{
margin-left: 3px;
margin-right: 3px;
}
.picture-four{
margin-left: 4px;
margin-right: 4px;
}
aside {
position: absolute;
top: 0;
bottom: 0;
left: -50%;
width: 50%;
transition: 0.2s ease-out;
background-color: $two;
display: none;
}
#sidemenu {
display: none;
}
#sidemenu:checked + aside {
left: 0;
display: block;
}.wrong{
margin-right: 20px;
}
.say{
margin-top: 55px;
height: 70px;
background: $three;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
position: relative;
}
.please{
margin-left: 50px;
}
.please-one{
margin-right: 15px;
}以及任务十三第二个页面音频播放的功能
audio{
opacity: 0;
width: 78px;
position: absolute;
right: -10px;
}明天计划的事情：明天计划完成并提交任务十三
遇到的问题：今天的问题就是我在页面加入了音频播放器，就发现把它隐藏以后一直跟按钮图片对不齐，找了半天发现了是我没把样式写进一个div里，经过修改解决了问题
收获：今天学到了overflow: hidden; position: relative;如果你要隐藏的元素（也就是标签了）是绝对定位的话，那就必须加上定位之后才行了。因为绝对定位的元素要把有定位的元素做“参照”，如果这个绝对定位的元素的父节点没有定位，那就继续向上找，直到<body>，如果还是没定位，那就把<body>做“参照”了。
返回列表
评论