jQuery手风琴脚本激活后，从底部开始的额外填充

我设计了一个由“body”，一个“容器”组成的网站，用于容纳和居中页面上的“content”div。 “内容”和“容器”div的高度设置为100％，我还在“content”div中添加了一个Accordian jQuery脚本。现在在Google Chrome中，当我激活使用jQuery Accordian Script的div时，它会按预期显示div。该页面高度展开，并遵循在外部级联样式表内编码的高度：100％属性。但是，（在这里是问题），在Google Chrome中，它在“容器”div下面增加了额外的空间，并且在编码中显示了一个问题，无论是在XHTML 1.0 Strict还是CSS文档中。或者它可能在JavaScript中。jQuery手风琴脚本激活后，从底部开始的额外填充

对XHTML 1.0 Strict和CSS都进行了验证，除了XHTML文档中的一个错误，它已经被修复而没有重新上传到服务器，这不会影响任何问题。

指定的jQuery Accordian Div位于图片“Click To Inquire”指定的位置。

您可以查看网页：http://www.noxinnovations.com/portfolio/thecommonwealth/index.html

您可以查看在CSS：http://www.noxinnovations.com/portfolio/thecommonwealth/style.css

您可以查看的JavaScript：http://www.noxinnovations.com/portfolio/thecommonwealth/javascript.js

如果没有谷歌Chrome和或使用Internet Explorer，Opera，Apple Safari和/或Mozilla Firefox。您可以查看我遇到了这个问题作为一个图像

enter image description here

看看下面的红色，然后在它下面的黑色权利。因此，额外的空间。

这将是非常感激的是有人帮我这个问题，非常感谢你，艾伦·布鲁尔

来源

2011-06-07 Aaron Brewer

+1的一个很好的说明。说实话，我不知道为什么你认为你需要100％高度属性。您的内容需要滚动，这一切都是一个有争议的问题。删除“height：100％”时会发生什么情况？ – Sparky 2011-06-07 00:09:22

此外，我再次强烈强调，即使对此问题没有任何影响，您也可以将HTML完全合法化。这在包括Safari（Webkit）在内的所有浏览器中都能正常工作，而在Chrome浏览器（Webkit）中却无法正常工作，这很奇怪。 – Sparky 2011-06-07 00:12:55

@ Sparky672：感谢您的+1声望。当容器中的内容结束时，我希望高度为100％，背景仍然会在窗口底部结束。我把它删除了，它完全没有做任何不同的事情。仍然不起作用。 – 2011-06-07 00:25:37

不知道是什么问题，也没有投入足够的时间去了解。虽然它消失时，我添加以下的CSS

#wrapper {overflow:auto}

不知道如何满足“这个解决它没有解释”是:)

来源

2011-06-07 00:22:50 davin

@davin：非常感谢，我非常欣赏这个解决方案。我不知道如何解决这个问题，但正如你所说，它确实......我对此很满意。大声笑。谢谢。 – 2011-06-07 00:27:50

@亚伦，很高兴。我希望布局继续表现良好。 – davin 2011-06-07 00:30:33

我认为这是一个事物的组合。首先，100％的高度描述了相对于容器的大小......在这种情况下，窗口。你告诉它你希望它是100％，但实际内容更像是窗口大小的300％。不知何故，'overflow：auto;'克服了Chrome不喜欢的那部分代码。另外，我相信“auto”是“溢出”的默认行为，因此您可能在这里发现了Chrome的怪癖。 – Sparky 2011-06-07 00:37:15

jQuery手风琴脚本激活后，从底部开始的额外填充

回答

相关问题