发表于： 2018-10-15 19:02:29
3 662
今天完成的事情：由于任务三还有问题，今天把css样式和html分开写，用下面代码引入：
师兄说不应该设置具体的高度，应该靠内容把高度撑起了。今天按照这个方向进行了更改，查资料琢磨了半天，能想到的就是先去掉了父级的div，图片和文字之间的间距靠padding来实现，有文字的靠文字撑高度，没文字靠padding撑高度，规格是按照任务图片的尺寸320*605，重新上传了服务器，用我的手机访问没啥问题，主体代码和展示图在下面链接：
明天计划的事情：如果任务三没问题，就开始任务四，查看资料，对页面header进行布局，对表单内容布局
遇到的问题：用百分比表示跟高度有关的尺寸，不能保证像任务图示里那样内容之间间距不变，最后想到靠padding撑高度固定内容之间的间距，用chrome浏览器打开发现宽度多出来一块，而且没找到属于哪部分的宽度，百度查资料更换了背景图片，而且显示报错d代表的height不显示，最后找到在开头声明里多了一句height=d，删掉就没事了。
收获：学会了引入式样式，页面高度的相关知识点。
返回列表
评论