Html 是否从百分比中排除滚动条维度？ 鉴于： 元素父元素、子元素1、子元素2 child2设置了高度和溢出，因此其内容显示为垂直滚动条 child1和child2都有使用百分比设置宽度的子元素

看起来child2的宽度的100%不包括Chrome中的垂直滚动条测试，尽管理想情况下我想要一个跨浏览器的解决方案。换言之：

TL；博士

如果parent.child1和parent.child2中只有一个具有垂直滚动条，则child1的子元素的计算宽度与child2的子元素的计算宽度不同

我如何安排父项、child1、child2以及child1和child2的任何子项，以便使用child1和child2的百分比计算的宽度相同

解决方案可以使用背景层的绝对定位等技巧，而现代ie没有广泛支持的HTML5/CSS3

---

请，谢谢

在我看来，您需要对孩子们进行双重包装，以便按照您希望的方式持续工作，将百分比宽度应用于外层，将高度/溢出应用于内层

<div id="wrap">
   <div id="child-1" class="outer">
      <div class="inner">
         <!--- HTML goes here -->
      </div>
    </div>
   <div id="child-2" class="outer">
      <div class="inner">
         <!--- HTML goes here -->
      </div>
   </div>
</div>

#child-1 { width:60%; }
   #child-1 .inner { height:100px; overflow:auto; }
#child-2 { width:40%; }

---

似乎是这样。你将如何改变这一点？@FakeRainBrigand关于到的链接，你没有像我在原始帖子中描述的那样测试child1和child2的子元素。当我在我的浏览器上运行你的小提琴时，我得到了父母、孩子1和孩子2的宽度495px。看看哪个显示了我所说的行为。当父项为495px时，child1为495px，child2为495px，但child1a为478px，child2a为495px。我希望child1a的100%宽度不减去滚动条宽度。