这是一个来自地狱的项目。显然，它是我从前一个开发团队继承的，具有“简单”任务，确保特定div的宽度按其预期容器的比例缩放。在全宽范围内，一切看起来都很好，但当然，在它遇到第一个断点之后，整个div会被推入它的相邻边栏。
使用宽度值进行混淆证明可以解决问题，但是为这个特定网站的所有内部断点设置媒体查询将是一场噩梦（阅读：总噩梦）。把这些传递给我的人不明白，但是他们有正确的事情 - 这个问题在网站范围内，如果在一个地方解决，可能会反响并解决网站上的各种问题。 / p>
有没有人遇到类似的问题并找到了一个可扩展的解决方案来根据视口大小计算宽度值，同时让继承宽度值根据屏幕大小来处理调整大小，或者我将不得不制作一个一堆媒体查询解决这个问题就像我担心的那样？如果是这样的话，我可以完成它，但是我绝对愿意接受替代方案的建议。
这是父div的CSS：
float: left;
padding: 10px 20px;
width: 800px;
这是相邻侧边栏的CSS：
float: left;
width: 200px;