发表于： 2019-05-10 21:57:00
1 766
编辑日报内容...
1.flex：0 0 30%，能够使得弹性盒子内的元素按照设定的百分比占据父盒子空间。但没法使得收缩后，调到下一个盒子。还是需要使用float，流式布局（像水一样，水满则溢）。
第一行意思是在父元素box最后，添加一个空的（""）内容，由于默认是行内元素，第二行需要改成块状元素才有高度。第三行意思是让空内容（""）不必移动到浮动元素前面，清除浮动元素左右的浮动。
3.顶部header内容居中，如果使用固定宽度+margin: 0 auto,会导致收缩时候，留白区域过大。考虑使用margin或者position定位。元素居中方法很多，不同方法的使用场景是什么？
4.三个页面基本完成，第一个页面代码需要重构下。开始的时候使用了bootstrap布局，效果很糟糕。图片还需要修改，使用媒体查询，按照不同分辨率使用不同分辨率的图片。不然图片拉伸后，很难看。
返回列表
评论