发表于： 2017-04-03 21:21:20
1 777
今天完成的事情：
解决了task5的bug，遇到的是一个布局问题：同行有两个div，div1定宽，div2不定宽，如何自适应。方法如下：
/*方法1： flex布局 */
.container{
display:flex;}
.left{
width: 200px;
flex:none;}
.right{flex:1;}
/* 方法2： table布局 */
.container{display:table;}
.left{width:200px;
display:table-cell;}
.right{display: table-cell;}
/*方法3： css计算宽度calc*/
.left{width:200px;
float:left;}
.right{float:right;
width:calc(100% - 200px);}
/*方法4：margin-left方式*/
.left{float:left;width:200px;}
.right{width:auto;margin-left:200px;}
对于任务6，学习了css雪碧图的制作，并制作好了雪碧图，任务6完成了头部，其他部分还没做完。
明天计划的事情：
做完任务6，并继续任务7。
遇到的问题：
暂无
收获：
学习了新的布局方法，用flex布局最高效。其实很多布局用flex做就很简单了。
返回列表
评论