发表于： 2016-03-19 23:21:16
1 1560
今天完成的事情：
（1）完成task7”技能树首页“页面
http://139.129.13.246/task7/index.html
https://github.com/fangunhs/task
明天计划的事情：
（1）完成task7”战略合作企业“页面
遇到的问题：
（1）对元素设置position和float都会脱离文档流。如果该元素下方还有紧跟着的其他元素比如文本，那设置position该元素会浮于它们上方，而设置float则其它元素会围绕该元素。因此，利用position实现icon居中定位时先创立一个它的父元素，做到与其它元素分离开来。
（2）迄今在布局页面的时候多次遇到一个问题，比如：一个父div中包含4个同行的等大小box，需要实现第1个的左外边距为0，第4个box右外边距为0，同时平分4个box间的三个间距。
之前往往通过设置box宽度和box右外边距来控制，这样第4个box右边通常不能和父div右边重合。现在采用last-child，将第4个box外右边距设为0，控制box宽度百分比和间距百分比，成功解决问题。
收获：
（1）嘿嘿是的我诈尸了。元素多起来布局有点晕，毕竟页面的结构多了起来。
（2）掌握了css中first-child、nth-child等选择器。
返回列表
评论