{"action":"created","issue":{"url":"https://api.github.com/repos/FE-boom/IFE-task/issues/4","repository_url":"https://api.github.com/repos/FE-boom/IFE-task","labels_url":"https://api.github.com/repos/FE-boom/IFE-task/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/FE-boom/IFE-task/issues/4/comments","events_url":"https://api.github.com/repos/FE-boom/IFE-task/issues/4/events","html_url":"https://github.com/FE-boom/IFE-task/issues/4","id":190949110,"number":4,"title":"第二周-CSS定位和浮动","user":{"login":"ElvisNam","id":12369819,"avatar_url":"https://avatars.githubusercontent.com/u/12369819?v=3","gravatar_id":"","url":"https://api.github.com/users/ElvisNam","html_url":"https://github.com/ElvisNam","followers_url":"https://api.github.com/users/ElvisNam/followers","following_url":"https://api.github.com/users/ElvisNam/following{/other_user}","gists_url":"https://api.github.com/users/ElvisNam/gists{/gist_id}","starred_url":"https://api.github.com/users/ElvisNam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ElvisNam/subscriptions","organizations_url":"https://api.github.com/users/ElvisNam/orgs","repos_url":"https://api.github.com/users/ElvisNam/repos","events_url":"https://api.github.com/users/ElvisNam/events{/privacy}","received_events_url":"https://api.github.com/users/ElvisNam/received_events","type":"User","site_admin":false},"labels":[{"id":481941506,"url":"https://api.github.com/repos/FE-boom/IFE-task/labels/%E4%BB%BB%E5%8A%A1%E5%AE%89%E6%8E%92","name":"任务安排","color":"1d76db","default":false}],"state":"open","locked":false,"assignee":{"login":"DreamHyu","id":22284164,"avatar_url":"https://avatars.githubusercontent.com/u/22284164?v=3","gravatar_id":"","url":"https://api.github.com/users/DreamHyu","html_url":"https://github.com/DreamHyu","followers_url":"https://api.github.com/users/DreamHyu/followers","following_url":"https://api.github.com/users/DreamHyu/following{/other_user}","gists_url":"https://api.github.com/users/DreamHyu/gists{/gist_id}","starred_url":"https://api.github.com/users/DreamHyu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DreamHyu/subscriptions","organizations_url":"https://api.github.com/users/DreamHyu/orgs","repos_url":"https://api.github.com/users/DreamHyu/repos","events_url":"https://api.github.com/users/DreamHyu/events{/privacy}","received_events_url":"https://api.github.com/users/DreamHyu/received_events","type":"User","site_admin":false},"assignees":[{"login":"DreamHyu","id":22284164,"avatar_url":"https://avatars.githubusercontent.com/u/22284164?v=3","gravatar_id":"","url":"https://api.github.com/users/DreamHyu","html_url":"https://github.com/DreamHyu","followers_url":"https://api.github.com/users/DreamHyu/followers","following_url":"https://api.github.com/users/DreamHyu/following{/other_user}","gists_url":"https://api.github.com/users/DreamHyu/gists{/gist_id}","starred_url":"https://api.github.com/users/DreamHyu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DreamHyu/subscriptions","organizations_url":"https://api.github.com/users/DreamHyu/orgs","repos_url":"https://api.github.com/users/DreamHyu/repos","events_url":"https://api.github.com/users/DreamHyu/events{/privacy}","received_events_url":"https://api.github.com/users/DreamHyu/received_events","type":"User","site_admin":false},{"login":"Liu-yan","id":23456225,"avatar_url":"https://avatars.githubusercontent.com/u/23456225?v=3","gravatar_id":"","url":"https://api.github.com/users/Liu-yan","html_url":"https://github.com/Liu-yan","followers_url":"https://api.github.com/users/Liu-yan/followers","following_url":"https://api.github.com/users/Liu-yan/following{/other_user}","gists_url":"https://api.github.com/users/Liu-yan/gists{/gist_id}","starred_url":"https://api.github.com/users/Liu-yan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Liu-yan/subscriptions","organizations_url":"https://api.github.com/users/Liu-yan/orgs","repos_url":"https://api.github.com/users/Liu-yan/repos","events_url":"https://api.github.com/users/Liu-yan/events{/privacy}","received_events_url":"https://api.github.com/users/Liu-yan/received_events","type":"User","site_admin":false},{"login":"songyuanxianha","id":23478262,"avatar_url":"https://avatars.githubusercontent.com/u/23478262?v=3","gravatar_id":"","url":"https://api.github.com/users/songyuanxianha","html_url":"https://github.com/songyuanxianha","followers_url":"https://api.github.com/users/songyuanxianha/followers","following_url":"https://api.github.com/users/songyuanxianha/following{/other_user}","gists_url":"https://api.github.com/users/songyuanxianha/gists{/gist_id}","starred_url":"https://api.github.com/users/songyuanxianha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/songyuanxianha/subscriptions","organizations_url":"https://api.github.com/users/songyuanxianha/orgs","repos_url":"https://api.github.com/users/songyuanxianha/repos","events_url":"https://api.github.com/users/songyuanxianha/events{/privacy}","received_events_url":"https://api.github.com/users/songyuanxianha/received_events","type":"User","site_admin":false},{"login":"sliop","id":23613376,"avatar_url":"https://avatars.githubusercontent.com/u/23613376?v=3","gravatar_id":"","url":"https://api.github.com/users/sliop","html_url":"https://github.com/sliop","followers_url":"https://api.github.com/users/sliop/followers","following_url":"https://api.github.com/users/sliop/following{/other_user}","gists_url":"https://api.github.com/users/sliop/gists{/gist_id}","starred_url":"https://api.github.com/users/sliop/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sliop/subscriptions","organizations_url":"https://api.github.com/users/sliop/orgs","repos_url":"https://api.github.com/users/sliop/repos","events_url":"https://api.github.com/users/sliop/events{/privacy}","received_events_url":"https://api.github.com/users/sliop/received_events","type":"User","site_admin":false},{"login":"HermesZ","id":23632021,"avatar_url":"https://avatars.githubusercontent.com/u/23632021?v=3","gravatar_id":"","url":"https://api.github.com/users/HermesZ","html_url":"https://github.com/HermesZ","followers_url":"https://api.github.com/users/HermesZ/followers","following_url":"https://api.github.com/users/HermesZ/following{/other_user}","gists_url":"https://api.github.com/users/HermesZ/gists{/gist_id}","starred_url":"https://api.github.com/users/HermesZ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/HermesZ/subscriptions","organizations_url":"https://api.github.com/users/HermesZ/orgs","repos_url":"https://api.github.com/users/HermesZ/repos","events_url":"https://api.github.com/users/HermesZ/events{/privacy}","received_events_url":"https://api.github.com/users/HermesZ/received_events","type":"User","site_admin":false}],"milestone":null,"comments":1,"created_at":"2016-11-22T09:37:19Z","updated_at":"2016-11-24T15:57:20Z","closed_at":null,"body":"### 深入理解CSS定位和浮动\r\n##### 1. 学习任务：\r\n\r\n- 大漠定位教程：[HTML和CSS高级指南之二——定位详解](http://www.w3cplus.com/css/advanced-html-css-lesson2-detailed-css-positioning.html)\r\n\r\n- 完整讨论了不同情况下的居中方案，建议自己思考之后再看答案：[Centering in CSS: A Complete Guide](https://css-tricks.com/centering-css-complete-guide/)\r\n\r\n##### 2. 任务目标：\r\n\r\n- 针对始终没搞懂定位问题，每次都靠运气实现定位的人\r\n\r\n- 实践HTML/CSS布局方式\r\n\r\n- 深入理解position、float等CSS属性\r\n\r\n##### 3. 任务描述：\r\n\r\n- 实现如[示例图（点击查看）](https://github.com/FE-boom/IFE-task/blob/master/Task4/images/task_1_4_1.png)的效果\r\n\r\n- 灰色元素水平垂直居中，有两个四分之一圆位于左上角和右下角（提示：圆形参考属性：border-radius）\r\n\r\n##### 4. 注意事项：\r\n\r\n- 思考不同情况下（如灰色高度是根据内容动态变化的）水平垂直居中的解决方案。\r\n\r\n- 动手试一试各种情况的组合，父元素和子元素分别取不同的 position 值。思考 position 属性各种取值的真正含义，尤其是 absolute 究竟是相对谁而言的。\r\n\r\n- 注意测试不同情况，尤其是极端情况下的效果。\r\n\r\n- 调节浏览器宽度，灰色元素始终水平居中。\r\n\r\n- 调节浏览器高度，灰色元素始终垂直居中。\r\n\r\n- 调节浏览器高度和宽度，黄色扇形的定位始终准确。\r\n\r\n- 其他效果图中给出的标识均被正确地实现，错一项扣一分。\r\n\r\n##### 5. 思考：\r\n\r\n- 学到现在，你明白反复强调CSS布局和定位的意义在哪了吗？学习中你遇到了多少坑，你总结了解决方法了吗？\r\n\r\n- 总结：元素水平居中、垂直居中的方法（元素宽高固定的情况、元素宽高不固定的情况）\r\n\r\n##### 6. 合作要求：\r\n\r\n- 明确题目要求，独立完成任务。\r\n\r\n- 每个人至少查看一个组员的代码（不可与前期任务查看的重复），与自己的代码进行对比，提交评论建议。\r\n\r\n***\r\n最迟完成时间：11月25日（周五）"},"comment":{"url":"https://api.github.com/repos/FE-boom/IFE-task/issues/comments/262806576","html_url":"https://github.com/FE-boom/IFE-task/issues/4#issuecomment-262806576","issue_url":"https://api.github.com/repos/FE-boom/IFE-task/issues/4","id":262806576,"user":{"login":"Liu-yan","id":23456225,"avatar_url":"https://avatars.githubusercontent.com/u/23456225?v=3","gravatar_id":"","url":"https://api.github.com/users/Liu-yan","html_url":"https://github.com/Liu-yan","followers_url":"https://api.github.com/users/Liu-yan/followers","following_url":"https://api.github.com/users/Liu-yan/following{/other_user}","gists_url":"https://api.github.com/users/Liu-yan/gists{/gist_id}","starred_url":"https://api.github.com/users/Liu-yan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Liu-yan/subscriptions","organizations_url":"https://api.github.com/users/Liu-yan/orgs","repos_url":"https://api.github.com/users/Liu-yan/repos","events_url":"https://api.github.com/users/Liu-yan/events{/privacy}","received_events_url":"https://api.github.com/users/Liu-yan/received_events","type":"User","site_admin":false},"created_at":"2016-11-24T15:57:20Z","updated_at":"2016-11-24T15:57:20Z","body":"完成"}}
{"actor":{"display_login":"Liu-yan"}}