发表于: 2019-04-27 22:54:08

1 918


今天完成的事情

        今晚把内容都输入完毕,页面也ui图一致,在调试自适应时问题就有了,比如,使用固定定位页眉和页脚后还是不能在可视范围内固定、中间内容上下滑动时显示不到下面的内容、缩小宽度时不该换行的文字部分换行、需换行部分撑不开下面的边框,等。

        于是一步一步百度与质询师兄大部分得到解决。

        使用固定定位页眉和页脚后还是不能在可视范围内固定:这个问题我在中间布局有些使用了绝对定位,让其脱离了文档流,虽然设置了固定定位,但可能其绝对定位覆盖,之后加了代码 z-index:1 使其页眉页脚显示在上,得到解决。

       中间内容上下滑动时显示不到下面的内容:此问题百度了,让我重新对整体改了布局,为上下两个DIV固定,中间一个大的DIV有滑动效果。设置中间时,设置 overflow:auto 使其有滑动效果,top bottom 两属性使中间的 div 存在的位子,开始设置完后,还是解决不了问题,最后质询师兄,只说了句,内容不够,margin来凑,问题迎刃而解。

        缩小宽度时不该换行的文字部分换行:这个问题百度,会学习到新的代码 white-space: nowrap; 规定段落中的文本不进行换行。

        需换行部分撑不开下面的边框:这个问题也是质询了师兄,这问题大部分是高度设置死了,于是进行一步一步的检查,大盒子到小盒子,开始时以为大盒子的高度设置好就没事,检查到最后发现小盒子的高度有设置,让文字变为上下换行。


明天计划的事情

       解决最后的布局问题


遇到的困难

        解决上面的问题之后设置自我介绍那一栏,单独弄了个盒子发现

给自我介绍加上margin-top bottom 在介绍文字一行时候也撑不开上下边框,上面几栏的做法是给一栏的DIV加上高度,但是在一行加高度会定死换行。

        自我介绍代码:

        上一个盒子代码:


收获

       今天解决的问题不少,所以收获也不少。


返回列表 返回列表
评论

    分享到