在网页开发中，我们常常使用 display:none 来隐藏 DOM 元素。然而，这种方式会导致无法获取该元素的实际宽高，这给一些特定的功能实现带来了困扰。不过，别担心，以下是一些有效的解决办法。

一种常见的解决方法是使用 visibility:hidden 来替代 display:none 。visibility:hidden 会隐藏元素，但仍为其保留空间，这样就能够获取到元素的实际宽高。但需要注意的是，使用 visibility:hidden 时，元素虽然不可见，但仍占据页面布局空间。

另一种办法是在需要获取宽高的时候，临时将元素的 display 属性修改为其他可见的值，比如 block 或 inline-block ，获取到宽高后再恢复为 display:none 。这种方式需要谨慎处理，确保在修改和恢复属性的过程中不会影响页面的其他布局和功能。

还可以通过计算元素的样式来间接获取宽高。比如，如果已知元素的样式设置，如宽度、高度的具体数值或百分比，以及父元素的尺寸等信息，通过相关的计算可以推算出元素的实际宽高。

利用 JavaScript 的 getComputedStyle 方法也是一个可行的途径。通过这个方法可以获取到经过浏览器计算后的样式信息，包括元素的宽高。

在实际应用中，选择哪种方法取决于具体的场景和需求。如果对页面布局的影响需要最小化，可能 visibility:hidden 是较好的选择；如果需要精确控制获取宽高的时机和方式，临时修改 display 属性或者计算样式可能更合适；而 getComputedStyle 方法则提供了一种通用但可能相对复杂的获取方式。

虽然使用 display:none 隐藏 DOM 元素会带来获取宽高的难题，但通过上述的多种解决办法，我们能够有效地应对这一问题，从而实现更丰富和完善的网页功能。不断探索和尝试，总能找到最适合项目需求的解决方案。