我正在尝试按照此处的指南创建水平布局:http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery现在它混合使用 html、css 和 jquery 以允许平滑滚动。我正在使用该插件并且它工作正常,但是,布局到处都是,即使我已经遵循了布局的基本数学知识。
我的布局有 8 个面板,因此 #mask 容器的宽度为 8 个面板 * 100% = 800%。接下来,它是 100%/n panels = 14.5% 用于容纳元素内容的容器的宽度。然而,正如我刚刚所说的那样,整个地方的布局都非常糟糕,而且我认为我没有错过任何说明。我想这可能是在 css 中完成的 h1 功能区导致布局中断,但我不认为这是因为我已经删除了它而且它看起来仍然很糟糕。我对此完全感到困惑,所以我向你们寻求解决这个问题的指导。
有什么办法可以解决这个问题吗? http://sekhu.net/charlie/index.php是我遇到问题的网站。我已确保 html 有效,并且我正在为 html/css 使用记事本。
提前致谢
最佳答案
这里有太多未关闭的 div 和 p 标签,导致这里一团糟
请看我的 fiddle ,我放了你的基本代码只是为了清楚。
jsfiddle:http://jsfiddle.net/ks5r7/5/
jsfiddle 演示:http://jsfiddle.net/ks5r7/5/embedded/result/
所有你现在需要找到的未关闭的 div 和 p 标签一切都像魅力一样工作。
关于jquery - 是什么导致布局中断?尝试做一个水平布局的网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10256310/