发表于: 2019-04-10 20:41:37

1 787


今天完成的事情:

1,在任务3中,最大宽度max-width和背景颜色设在了body标签上,应该在body标签下新建一个div标签,将max-width和背景颜色设在这个div上。结果设置了浮动效果的两个图标下的背景不显示

清除浮动的效果有3个方法:1.设置父元素高度,2.clear:both清除浮动,在父级div结束前加入div,引入class=clear样式,3.父级div定义ovewflow:hidden,让父级紧贴内容。

下半部分没有铺满,设置html{height:100%},.background-color{height:100%},或者.background-color{height:100vh}将下半部分铺满。

2,做任务五footer部分,用absolute定位,如图

明天要做的事情:继续完成footer编写,完成中间部分布局编写。

遇到的问题:底部absolute定位宽度width:100%,这个宽度超过了设置的最大宽度,那么它是根据谁的宽来计算的呢?同样限制它的最大宽要怎么做呢?

收获:学会了浮动的清除

参考文章:css 清除浮动http://www.divcss5.com/jiqiao/j406.shtml

高度如何铺满全屏http://www.mamicode.com/info-detail-2221454.html



返回列表 返回列表
评论

    分享到