jQuery和CSS浮动问题的演示

我在下一页的侧栏上有一个jQuery CSS浮动问题。当内部内容扩展时，包含的DIV不会扩展。因此，我们无法确定在另一个脚本中使用的DIV的大小

在下一页，您将在侧边栏底部看到一条白线。单击中间表单中的选项，您将看到侧边栏内容展开。然而，白线并没有移动

我已经尝试了

display:block

、

overflow:visible

和

clear:两者的所有组合，我能想到并且不能让它们工作

有什么想法吗

奇妙的

问题在于您的div id
sidebar1
具有硬编码的高度。白线是该div的底部边框-您的内容溢出该div，并且在不扩展其容器的情况下保持可见

去掉那个硬编码的高度，一切都会好起来的。非常好的设计，顺便说一句。
问题是
#sidebar1
有一个明确的
高度设置

如果删除此显式高度，“白线”（边框）将显示在预期的位置

它是用JavaScript设置的，你应该在你的脚本中找到设置高度的地方，然后去掉它

或者，一个肮脏的修复程序将运行以下操作：

$('#sidebar1').css('height', '');

要删除显式高度，请在运行本句中描述的脚本之前：

因此，我们无法确定问题的大小
在另一个脚本中使用的DIV

如果我使用Chrome的开发工具从
侧边栏1
DIV
中删除
高度，这对我来说是有效的。只是在Chrome中尝试了一下，仍然不起作用。您确定看到右侧的白线了吗？是的，您是否使用开发人员工具删除了高度？请尽量不要在布局中使用表格！你正在破坏使用CSS的目的！我同意你的看法，但它没有固定的高度。（除非我遗漏了什么。CSS给了它一个宽度，但没有高度。它不想扩展以适应它的内容，不知道为什么。我不能对你的代码说话，但是如果你检查呈现的页面，元素有一个固定的高度，看起来可以直接应用于元素：下一步要检查的是你是否有JQuery设置该高度我们正在加载页面。我已经使用了上面的脏补丁。感谢您对设计的帮助和评论，但我不得不使用所谓的“脏补丁”。找不到它可能在哪里。我本来会查找实际的行，但那里有点太多JavaScript，我不愿意这样做。而且，该网站的加载速度似乎很慢，您应该看看是否可以缩短加载时间。