Dexter Yang

最新的v2.0里应该没这个问题。v1.x的话，我记得只要ck-page里包含ck-footer组件，右边就会自动撑满屏幕，而左边navdrawer是完全自定义样式的，可以用这种结构： ``` html ... ``` 把`.my-navdrawer-bg`设成`position:fixed/absolute;top:0;bottom:0;`

嗯文档还在完善中，群组暂时只有内部的… 不过例子其实还蛮全的，表单交互的例子都在 overlay 组件里（form-unit本身是没什么交互的）： https://github.com/douban-f2e/CardKit/blob/master/examples/overlay.html http://ozjs.org/CardKit/refapp/overlay.html

CardKit 是专门用来生成针对移动设备（目前不包含平板）的webapp，界面和交互都是针对移动环境的，对于桌面浏览器比如chrome/safari，为了方便开发者访问和调试，做了简单的兼容（比如momo会[自动把touch事件换成mouse事件](https://github.com/douban-f2e/CardKit/blob/master/js/component/momo/base.js#L52)），并不保证外观和行为总是跟移动浏览器一致（所以强烈推荐多用iOS模拟器+safari web inspector测试） 要支持桌面环境，CardKit 提供一种类似响应式开发的方法，将普通网页『转换成』移动web app： 直接写普通的桌面网页，在直接包含内容的html标签中增加ckd-前缀的classname来描述语义，通过后端模板将这些内容包裹到`ck-row`容器里，输出到移动网页上，然后 CardKit 的自定义标签（比如`ckd-box-unit`、`ckd-list-unit`、`ckcfg-card-actions`）通过`data-source`属性关联到相应的内容上，自动『抓取』内容生成移动界面。 这种模式类似Web Componets里的[Shadow DOM](http://www.w3.org/TR/shadow-dom/)，之后可能会做幻灯片来说明，目前有简单的例子，比如[这个页面](https://github.com/douban-f2e/CardKit/blob/master/examples/list.html#L252)里的各种列表（`ck-list-unit`）都只包含配置信息，不包含内容，它们的内容都来自``里带ckd-前缀的html

@tarciozemel The web app will be automatically generated from the current README.md file and keep in sync with it. They will have exactly the same contents. However, the format of...

@EmpireWorld Thanks for the suggestion. It is a real problem that should be solved. However, a multi-page repo has its drawbacks, such as not being able to use browser's find...