使网看起来像一本书

Question

你好朋友来自SO:

我今天提出了一个非常简单的问题:我们正在尝试创建一个网页,或者,更清楚一个html文档,看起来像一本书!

好的,你是什么意思？

我希望元素向下,直到它达到屏幕的最大高度,比方说,800px,然后跳到右边.

那么让我们举一个例子:

我们有一个总高度为300px的div,然后,第二个div,另一个300px,然后是第三个,但是嘿!屏幕的可见区域只有900x的高度,所以第3个div实际上应该向右移动,而不是使滚动条出现.

所以任何人都知道如何使用CSS3和HTML5来完成这项工作？我宁愿避开Js,但如果没有其他选择,那将非常受欢迎.

在此先感谢新年快乐!克里斯;

---

对于遇到同样问题的人来说,我现在找到了几个解决方案:

• http://css-tricks.com/how-to-create-a-horizo​​ntally-scrolling-site/
• 如何在页面上进行水平滚动
• http://hotdot.pro/en/
• http://www.bartleboglehegarty.com/

亲切的问候; 克里斯;

Answer 1

在列之间流动的文本长期以来一直是Web开发人员的背后的限制/痛苦.

CSS3允许一些解决方案 - 它们具有可变的浏览器支持.

这是一篇旧文章 - 但阅读了一种方法的想法:http://alistapart.com/article/css3multicolumn

以及CSS3选项的最新更新:http: //www.webdesignerdepot.com/2013/03/how-to-use-css3-columns/

虽然可能需要一些javascript来处理向右/过渡到可见屏幕之外的移动.