发表于： 2019-11-07 23:33:49
1 979
今日完成:
1.小课堂整体流程
2.task12,第二个页面
3.遇到问题;
task13,投票页面,隐藏下拉菜单,增加主体高度,出现空白
原因:下拉菜单,高度超过底部高度,使主体增高上升
当初的思想:设置height:100%,占剩余高度,是不对的
现在思想结合当时:设置浮动出现,并且满足悬停出现的同时,不会因为鼠标下移而失效,那么这个悬停设置在方块上是必然失效的,因为中间
必然有间隔,margin不算内容,所以解决方法,就是设置一个父元素包裹方块和下拉菜单,设置悬停是在父容器上,以为父元素没设颜色,可以达到
显示要求的效果
具体:父元素用padding撑开,成透明的长方形,方块,和下拉菜单是堆砌用绝对定位堆砌上去的,具体就是top:#,包括显示的外边距,
下来菜单本身的高度,百分比是相对于父元素,就在这一步,错了,设置100%,实际内容是父元素的100%,所以当底部最后一层,悬停出现时,
高度,超过底部部分的高度,使主体上移,变成如图效果
4.遇到问题
task13第一个页面,不知道该怎么去写
主要问题:
1.加上侧边栏超过100%宽度,怎么在超过侧边栏的情况下,不出现滚动条
2.怎么把侧边栏和页面链接在一起
遇到问题:同上
收获:
关于绝对定位,相对定位的准确使用加深
明日计划:
完成侧边栏,继续任务15
返回列表
评论