发表于： 2019-05-11 21:44:34
1 838
今天完成的事情：
1.完成任务十部分
明天计划的事情：
1.完成并提交任务十
遇到的问题：
1.做任务十的时候导航栏缩小时button按钮不能实现响应式
仔细检查后发现，是因为是吧containe放在了nav内，所以会导致这个问题，修改后吧nav放在container,row,col中后，解决问题
2.添加一个没有内容的内联块块，里面只有border时对齐方式的问题，可以看到下图中橙色是蓝色border的margin，文字对齐的是它margin的底部
查找资料后看到，一个内联块元素，如果里面没有内联元素的话或者overflow不是visible，那他对齐的基线是容器margin的下边缘。有内容的话，对齐的就是最后一行内联元素的基线
3.运用select下拉列表的时候，发现第一他下拉的那个三角形无法改变，查找之后看到用可以用appearance: none; 去掉显示的三角，然后我自己画了个三角放利用绝对定位放上去
但是有又发现点击自己画的三角的时候，下拉列表并不能下拉， 随后又了解到了pointer-events属性
运用pointer-events：none；问题解决
收获：
除了以上解决问题中所学习到的，还看了input内radio样式的修改，学到了运用checked伪元素（仅用于单选按钮跟复选框）。
返回列表
评论