我有两个div要素；其中之一，侧面带有滚动条：
+-------------+ ?
| div A | ?
+-------------+ ?
| |^|
| | |
| | |
| div B |=|
| | |
+-------------|v|
我想div A是完全一样宽div B 减去它的滚动条的宽度。滚动条始终在此处（通过显式overflow: scroll）。OTOHdiv A具有固定的高度，不需要滚动。我想在客户端领域div A，并div B对齐。
我可能可以使用JS制作人工滚动条控件。但是，如果可能的话，我更喜欢基于CSS的本机解决方案。
?如果我以某种方式知道滚动条与平台有关的宽度，我可以在图片上放置一块单独的填充物。
至少在现代浏览器中，有没有办法做到这一点？
另一种可能是仅使用CSS，这是非常可靠的。
在顶部div上，创建一个内部div来容纳内容，并创建一个隐藏的伪:after元素以生成滚动条的宽度。我已经使用过display: table一些技巧来保持内联，但是其他技术也可以做到：
像魅力一样工作：http : //jsfiddle.net/4gu5mkzy/1/
#top {
width: 100%;
height: 100px;
display: table;
}
#top:after {
display: table-cell;
content: "";
overflow-y: scroll;
visibility: hidden;
}
.inner {
display: table-cell;
background: yellow;
}
<div id="top">
<div class="inner"><!-- content --></div>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句