发表于： 2018-05-28 21:18:27
1 570
今天完成的事：开始任务七第二个页面的编写。
明天的计划：完成第二个页面。
碰到的问题：做到任务七这个部分的时候，我认为这个是两个图片和一行文字叠加在一起组成的，这样的话最少需要用到两个绝对定位，但是有点麻烦了
，想着可能有更简单的方法，就问了师兄，结果是三个叠加在一起切图。。。这里贴上绝对定位实现居中的两个方法：
方法一：（不能微调）
position:absolute;
left:0; right:0; top:0; bottom:0;
margin:auto;
方法二：（可微调）
position:absolute;
top:50%; left:50%;
margin-top:-100px; /*元素高度的一半*/
margin-left:-100px; /*元素宽度的一半*
收获：暂无。
任务名称：CSS=TASK6
成果链接：https://z1994.github.io/daku/task6/task6.html
任务耗时：2018.5.16-2018.5.20
任务总结：1、任务六的布局在不用flex的情况下还是有些难度的。用flex的话难度系数直线下降。
2、第二个难点就是下拉菜单的hover，需要先了解select列表并制作列表，然后隐藏菜单display：none，之后通过hover别的菜单让隐藏菜单显现。
返回列表
评论