发表于: 2019-02-20 23:28:18
1 822
一、今天完成的事情:
(一)基本完成布局,用flex把昨天的标题栏改了。
昨天用position做标题栏的三个词,像硬塞去的
师兄发了flexbox文章给我,理解了一下,今天的思路是:
flex row可以用在标题栏的三个词语,column可以用在输入框和登陆按钮。
但是标题栏还是用position fixed来做。
(二)记一下:commit之后要push,才会到github。
二、明天计划的事情
继续做任务四,主要是输入框
三、遇到的问题::
1 没搞懂position fixed到底有什么用。
后来放了点页面内容试了一下,fixed的效果就是页面往下滚动的时候,标题栏始终固定在最顶部。
2 下面三个栏的flex容器没办法紧接在标题栏下面开始,是从body最顶上开始的,被标题栏遮住了。
解决:其实就是把flex容器的margin top 调一下,把标题栏高度的距离空出来,就可以了。这个问题一开始想不通。标题栏和后面的内容其实是不相关的东西,标题栏会一直覆盖掉背后的内容。
3 有一些默认的样式,比如button自带边框、还有那个body还是什么的 好像默认会往右边偏一点,这种情况只能用新属性把它覆盖掉吗?
还要查查资料
四、收获:
用了flex
评论