发表于: 2019-09-21 21:10:46

1 810


今天完成事件


问题:师兄提醒下面2个按钮是可以跟着窗口滑动的

这里要写成浮动然后<footer>标签要固定在底部。代码如下

.tall {
displayflex;
justify-contentspace-around;
positionfixed;
bottom:0;
width:100%;
height60px;
}

bottom必须是0如果是其他值就不会有浮动效果。

经过不断改动,知道

这里的<div>到</div>这里面的其他元素是可以自由移动 但问题是父类<div>高必须要够高如果没有高就只有子类的高度那相当于就是定死在那个位置了,所以一定要记住父类里面的<div>里面一定要给高不然子类(下面2个div)就会定死在那移动不了。

                                                      <div></div>

                                                      <div></div>

                                                <d/iv>

遇到问题:背景图片在缩小时候并没有占满元素里面成尺度百度搜索下了background-size:100%与cover区别

100%是按照容器比例撑满,图片变形

cover:把背景图片放大到适合元素容器的尺寸,图片比例是不变的。


问题:顶部需要固定但遇到问题。

顶部固定可以上下拉可以移动了,解决方案就是在下面的元素加一个margin-top加高让它离顶部一段距离就行效果如下

-------------------------------------------------------------------------------------------------------------------------

遇到问题不知道如果把图片贴着浏览器右侧,百度解决在选择起来设置float: right;图片浮动右侧贴着。效果如下

明天计划把把任务6完成。



返回列表 返回列表
评论

    分享到