Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 激活jQuery手风琴脚本后,从Div底部额外填充_Javascript_Jquery_Css_Xhtml_Jquery Ui Accordion - Fatal编程技术网

Javascript 激活jQuery手风琴脚本后,从Div底部额外填充

Javascript 激活jQuery手风琴脚本后,从Div底部额外填充,javascript,jquery,css,xhtml,jquery-ui-accordion,Javascript,Jquery,Css,Xhtml,Jquery Ui Accordion,我设计了一个网站,它由“主体”和“容器”组成,用于在页面上容纳和集中“内容”div。“content”和“container”div的高度设置为100%,我还在“content”div中添加了一个手风琴jQuery脚本。现在在Google Chrome中,当我激活使用jQuery手风琴脚本的div时,它会按预期显示div。页面在高度上展开,并遵循在外部级联样式表中编码的height:100%属性。但是,(问题就在这里),在Google Chrome中,它在“container”div下面添加了额

我设计了一个网站,它由“主体”和“容器”组成,用于在页面上容纳和集中“内容”div。“content”和“container”div的高度设置为100%,我还在“content”div中添加了一个手风琴jQuery脚本。现在在Google Chrome中,当我激活使用jQuery手风琴脚本的div时,它会按预期显示div。页面在高度上展开,并遵循在外部级联样式表中编码的height:100%属性。但是,(问题就在这里),在Google Chrome中,它在“container”div下面添加了额外的空间,这表明编码中存在问题,无论是在XHTML 1.0 Strict中,还是在CSS文档中。或者它可能在JavaScript中

XHTML 1.0 Strict和CSS都是经过验证的,除了XHTML文档中的一个错误,该错误已经修复,没有重新上传到服务器,这不会影响任何问题

指定的jQuery Accordian Div位于指定图像“单击查询”的位置

您可以在以下位置查看该页面:

您可以在以下位置查看css:

您可以在以下位置查看JavaScript:

如果您没有Google Chrome,或者使用Internet Explorer、Opera、Apple Safari和或Mozilla Firefox。您可以将我遇到的问题视为一个图像

看看红色的下面,然后看看它下面的黑色。因此,额外的间距

如果有人能帮我解决这个问题,我会非常感激的, 非常感谢你,
亚伦·布鲁尔(Aaron Brewer)

不知道问题是什么,没有投入足够的时间去理解。尽管当我向css添加以下内容时,它消失了

#包装{溢出:自动}

不确定“这解决了它,没有任何解释”的满足程度:)

+1是一个很好的描述。老实说,我不知道你为什么认为你需要100%的身高属性。你的内容需要滚动,这使它成为一个毫无意义的点。移除
高度时会发生什么:100%?此外,我再次强烈强调,您要使HTML完全符合要求,即使它对这个问题没有影响。这在包括Safari(Webkit)在内的所有浏览器中都能正常工作,但在Chrome(Webkit)中却不能正常工作,这一事实非常奇怪。@Sparky672:谢谢你的+1声誉。我希望高度为100%,因为当容器中的内容结束时,背景仍将在窗口底部结束。我删除了它,但它没有做任何不同的事情。lol。仍然不起作用。@Spary672:现在可以完全遵守XHTML文档和CSS文档了。也许我的jQuery脚本可能编码不好?请看我对已接受答案的评论。@davin:非常感谢,我非常感谢您的解决方案。我不知道这是如何解决问题的,但正如你所说,它确实。。。我对此很满意。哈哈。谢谢你。@Aaron,很荣幸。我希望布局继续表现良好。我认为这是多种因素的结合。例如,100%高度描述了相对于容器的大小。。。在这种情况下,将打开窗口。你告诉它你希望它是100%,但实际内容更像是窗口大小的300%。不知何故
溢出:自动克服了Chrome不喜欢的代码部分。此外,我认为“自动”是“溢出”的默认行为,所以您可能在这里发现了Chrome的一个怪癖。@Sparky,不是,默认值是
可见
,请参阅@davin。谢谢很奇怪的是,Chrome是唯一一个呈现出不同效果的东西。