gpt4 book ai didi

html - 在 2 列布局中匹配列高

转载 作者:太空宇宙 更新时间:2023-11-04 16:28:40 24 4
gpt4 key购买 nike

我的网站使用 2 列,但我能够使列高度匹配的唯一方法是使用固定高度,但这会出现“滚动条中的滚动条”问题,内容列必须具有overflow: auto;对于要看到的所有内容,但如果用户的浏览器不会立即显示整个页面,则页面和内容列都有滚动条。

我想做的是将侧边栏列的高度与内容列的高度相匹配。我正在考虑在页面加载时设置一些 javascript 来执行此操作,但我忍不住想到有更好的方法。

有问题的站点是 http://www.pcbuddies.co.za (供引用)。

如有任何建议,我们将不胜感激。提前致谢!

编辑 1
应用下面的 JQuery 解决方案后,我对结果很满意(大部分)。我确实遇到问题的地方是每个页面(导航栏)的第一部分(侧边栏)小于另一部分 see <a href="http://www.pcbuddies.co.za/Services/Default.aspx" rel="noreferrer noopener nofollow">http://www.pcbuddies.co.za/Services/Default.aspx</a> .

在这种情况下,内容溢出网站的页脚。

最佳答案

我写了一个解决方案,但我在这个网站上解释了一个更好的例子 here ,我发现效果很好。它使用一个技巧来创建等高列,但效果很好——没有任何 javascript。

这是一个实际的例子:example

关于html - 在 2 列布局中匹配列高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5083915/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com