发表于： 2020-02-03 21:33:55
1 1236
今日完成的事
完成header和rooter并贴边
了解外边框重叠并学习如何去除影响
完成主页面的上半部分
遇到的问题
给内部容器设置margin时，外部容器同时应用内部margin-top值，加入橙色框的border值时正常
原因
外边框重叠
解决方法
给外部容器加入清除外边框样式即可
/*该样式可同时解决外部表框重叠及高度塌陷问题*/
.clearfix::after,
问题
hearder与上半部分中有细微间隙
原因
未找到原因 （给body加黑色背景，缝隙变黑，说明不是图片有白边）
解决方法
给图片容器margin-top:-1px;
明天的计划
完成主体下半部分
先试用切图完成小图标，后尝试使用css完成图案
学习了解图标字体icon-fonts
收获
了解高度塌陷并会清除影响
对相对复杂的布局更加熟练
返回列表
评论