发表于: 2021-03-04 20:43:02
1 1094
今天完成的事情:完成了任务一,正真了解盒子模型的(外边距)margin,(边框)border,(内边距)padding,(内容)content。
明天计划的事情:学习任务二。
遇到的问题:盒子模型的高和宽不会计算;(外边距)margin重叠问题。利用在外层设置padding属性,做到重叠问题的解决。
内容小方格为什么高度和宽度设置成一样的百分比,总是出不来应该有的效果。通过查找知道了,百分比宽度和百分比高度的表现是不一样;给页面定了固定的高和宽,设定高(high)为(视口宽度)vw值,来实现内容成型。
收获:父级元素与子级元素是如何配合运行的。
在一个盒子内高度height的百分比相对于父元素的高度,父元素默认是没有高度的;宽度值(margin),浏览器会自动将页面内容平铺填满整个横向宽度。除非设置网页有固定的高度与宽度。
评论