发表于: 2019-08-03 21:52:28

5 883


今天完成的事情:由于之前认真看了一遍HTML&CSS的基础教程,所以看到任务之后就直接做了。也就是完成了任务一 
明天计划的事情:完成任务二
遇到的问题:刚开始就被自适应问题给难倒了,网上查了之后才发现可以用padding来解决高度的自适应问题,但是无意中发现


<body>                                                   

    <div class="box">                                   

        <div class="box1"></div>               

    </div>

</body>

  只给box1设置padding-top:30%;的时候box与box1的高度是一样的,但是再给box同样加上一个padding-top:30%;时box的高度却变成了box1的两倍,这里就有点理解不了了。难倒不应该是box1变成box的0.3倍么,目前不知道原因,只能记着了。


收获:通过今天的学习,了解了怎么去做一个自适应的元素。


返回列表 返回列表
评论

    分享到