发表于: 2019-08-20 23:30:00

1 461


今天完成的事情

1.完成了任务4。

2.开始任务5的布局。

遇到的困难

任务4.

1.手机图片与输入框之间那根竖线的问题。

由于之前卡对盒子模型不太了解,导致卡了挺长时间,经彭师兄提醒,用盒子的边框属性border成功制作出来。


2.同一行内固定宽与百分比宽共存问题。

同一行两个盒子采用%作为宽度单位的话,会因为网页被拉大而变形;如果使用固定宽度,会因为网页过小而显示不全。

这个问题卡了我差不多一个上午,经彭师兄提醒,使用cela属性。

width:calc(100% - 82px);

第二个盒子的宽度采用网页的宽度减去第一个盒子的固定宽,成功制作出来。


3.将块级元素固定在顶端,从而被下面的盒子顶替位置的问题。

如图,用

position:fixed;
z-index:9999;

设定,把盒子固定在顶端之后,滚动条还没下拉,原本的位置已经被下面的元素块顶替掉。

解决方法是在原来的位置再加一个等高等宽的无背景色的盒子就可以了。


明天的计划,完成任务5剩余的内容,开始任务6.


返回列表 返回列表
评论

    分享到