如何在 HTML 中将 100% 转换为 px答案

【问题标题】：How do i convert 100% into px in HTML如何在 HTML 中将 100% 转换为 px
【发布时间】：2010-12-19 11:23:35
【问题描述】：

我正在 GWT 中制作一个基于滑块的组件。

Parent : width = 100%
.-------------------------------------------------.
| .---------------------------------------------. |
| |     Child : width = X                       | |
| '---------------------------------------------' |
'-------------------------------------------------'

其中 X =（父级宽度，单位 px）-（一些基于运行时的计算）；

我的代码说：

int providedWidth = parentContainer.getOffsetWidth();

在 Firefox 中，我将宽度正确地设置为（比如）345px 但是在 IE6 中，无论大小，它总是将宽度返回为 0。

从 GWT 的角度来看， Parent 是放置在 DockPanel（超级父级）中的 AbsolutePanel， Child 是一个 HorizontalPanel。

为简洁起见，我没有在此处放置代码，有没有其他方法可以获取宽度或 am 我做错了什么？

【问题讨论】：

标签： html gwt layout column-width

【解决方案1】：

在 IE 中，您有时必须在 DeferredCommand 中获取大小信息，因为 IE 仅在事件线程完成后才进行布局。

【讨论】：

父容器的类型是什么？那真的是 100% 的浏览器窗口吗？

【解决方案2】：

只是一个疯狂的猜测，但也许该元素需要在 IE6 中“布局”？可以给style='zoom:1'吗？

【讨论】：

我正要建议。 +1
不起作用，但它是一个很好的开箱即用建议：调用 hasLayout() 方法。伙计，我希望这会起作用，但是，IE 仍然将其报告为 0。
在类似的行中，我使用 ie 开发者工具为其提供了一个边框，它突然弹出了！！也许 hasLayout 直到那时才被触发......