孩子从屏幕计算100％宽度，而不是父母-Childiscalculating100%widthfromscreen,notparent

I am trying to fit a progress bar into the parent, which is oddly difficult. It is done on a Jot form, but with access to custom CSS and so on, which I have utilized a lot (that could have created the problem I guess).

我正在尝试将进度条放入父级，这非常困难。它是在Jot表单上完成的，但可以访问自定义CSS等等，我已经使用了很多（这可能会产生问题）。

The progress bar is positioned fixed at the top, and is in the parent element div.form-all as the very first and second element. I have tried all the common suggestions on here about box-sizing and so on, but nothing seems to work.

进度条固定在顶部，并在父元素div.form-all中作为第一个和第二个元素。我在这里尝试了关于盒子大小的所有常见建议，但似乎没有任何效果。

My suspicion is that it is because the parent element does not have an explicitly stated width, as this fixes the problem monumentally (but breaks the responsiveness, as it goes from ≈36% width to 100% on small screens).

我怀疑是因为父元素没有明确规定的宽度，因为这可以在很大程度上解决问题（但会破坏响应性，因为它在小屏幕上从≈36％宽度变为100％）。

Any help would be greatly appreciated. The actual form can be found here, at Jot form, in Danish:

任何帮助将不胜感激。实际表格可以在丹麦语的Jot表格中找到：

All added custom CSS should be visible by inspecting the elements, but I will mention that it has worked before.

通过检查元素，所有添加的自定义CSS都应该是可见的，但我会提到它之前已经有效。

The div containing the progress div has the following css-attributes: .progressBarContainer.fixed { position: absolute; top: 0; width: inherit; background: #FFF; z-index: 9999;}

包含progress div的div具有以下css属性：.progressBarContainer.fixed {position：absolute;顶部：0;宽度：继承;背景：#FFF; z-index：9999;}

The parent has by Jotform-coding the following relevant attributes, with no position attribute: .form-all { width: 690px; width: 100%; max-width: 690px;}

父对象通过Jotform编码以下相关属性，没有位置属性：.form-all {width：690px;宽度：100％;最大宽度：690px;}

Thank you in advance, Kris.

谢谢你，克里斯。

2 个解决方案