横向单页布局如何?

时间:2011-09-09 05:57:45

标签: css

我要求创建网站,其中所有网站都在索引和水平相邻的位置。

每个网站都会占据浏览器宽度的100%。因此,如果您打开网页,则只能看到第一页。您使用#next链接点击该链接,它将“向左滑动”,转到下一页。

我已准备好一切,无法获得如何将这些网站放在彼此旁边。漂浮不起作用,它在彼此之下。

我希望有人能理解这个嘿嘿。谢谢你的建议

我已经找到了解决方案。

在CSS3 calc()

中查看(很棒)新功能

http://hacks.mozilla.org/2010/06/css3-calc/

2 个答案:

答案 0 :(得分:1)

你想要将它们全部浮动,但记得设置'overflow:hidden;'在你的容器元素上,这样他们应该保持一致。

然后你可以用一些幌子来“滑动”它们。

答案 1 :(得分:0)

http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html

从它的声音来看,你应该能够很容易地将你拥有的东西转换成你想要的东西,而且这个教程非常简单。