发表于: 2019-08-07 17:01:10
2 842
今天完成的事情:
今天主要学会了如何用flex去做一些简单的页面布局,确实这种方法要比利用 浮动 margin padding 要方便的多
明天计划的事情:完成任务6
遇到的问题:
1.在写那一块类似于表格的地方时,我将每一行成一个div,然后限制了高度,到后来就导致文字很多的时候,一缩放,里面的文字就直接冲出了边框,苦恼了很久。后来,仔细回想了一下盒子模型,div是由内容撑开的,而且div里面我还加了 P 包裹着文字,所以突然恍然大悟,可以用P的内边距来撑开div
来达到所需要的高度。
2.
红色框姑且叫他内容区吧,内容区一开始是会被header与footer挡住一部分内容,然后我是通过分别设置header与footer的上下外边距来实现不被挡住的,不知道对不对。
3.在我看到的那人任务完成后的效果图时,那个背景图片好像会随着缩放而变小或放大,而我的却只有拉伸效果
4.
这个左边框不知道怎么变短。
评论