发表于： 2018-12-02 21:03:10
1 728
今天再做任务4。任务4基本完成了。
效果如下。
今天遇到的问题1，布局问题，设计图页头，我的想法是用三个盒子进行布局，但是任务验收标准不一样。所以说要重新对页头布局，flax布局根本看不懂，大师兄告诉我用绝对定位布局。
position: absolute;
问题解决。
2，下拉框问题，下拉框虽然做了出来但是，要用背景颜色白色，但是在左边留的有间隙，白色总是无法百分之百覆盖。之后发现用margin-left去布局并不行，可以用right，right果然可以。
3，登陆flex居中后会出现，无法水平居中，用margin左右边距都无法解决。flex对于我来说太难吃透，文本居中问题解决，但是又无法垂直居中，我想用颜色height高度去解决，颜色布局高度调小，可以解决，但是垂直居中的问题还没有解决，询问师兄，师兄告诉我，行高可以解决问题，
line-height: 210%;
果然可以垂直居中了，问题解决。
4，在做任务的时候我太迷信用浮动解决问题，自己基础太弱，问基础知识掌握不过，明明最简洁的代码就可以解决问题，非要复杂化。
今天收获了，inputi标签做输入框，绝对定位，去掉边框的之后，还有蓝色框，所用的outine:none;div标签里面的，父级元素与子级元素。行高。虽然任务做得差不多了，但是基础太弱，还是需要消化一下所学的知识。
返回列表
评论