发表于: 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


返回列表 返回列表
评论

    分享到