jquery - 是什么导致布局中断?尝试做一个水平布局的网站

标签 jquery html css

我正在尝试按照此处的指南创建水平布局: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/

相关文章:

javascript - 自动完成仅在页面加载或输入一个字母时运行一次,但仅运行一次

html - 试图获取 Bulma 像素细节 : Tabs with bottom border same width as text

css - css中重叠的div标签

html - p 标签内可调整大小的 img,其宽度大于容器

javascript - 以 100% 宽度动态调整 iFrame 的大小

c# - 使用 jQuery 计算表列值

jquery - 预输入 Bootstrap : No dropdown shows for ajax calls?

javascript - 检查是否选择了单选按钮

javascript - 创建一个 "Copy button"

jquery - 用内容做半圈