这是我的问题的一个 fiddle :http://jsfiddle.net/875190we/
<div style = "display:inline-block">
<span>a</span>
<span style = "position:relative;top:-1px; font-size:13px">x</span> 3
</div>
我想说“ax3”(就像它不包含在绝对元素中一样)。
我正在使用绝对性将其放置在灰色元素的右侧和外部。我基本上希望这个元素位于灰色元素的右侧(它本身在一个更大的文档结构中)。但是第二个我将内联块放置在绝对定位元素的 INSIDE 中，它停止适合其子元素。
最佳答案
您必须设置宽度，将 initial 替换为相对大小 40px 或 calc(100%) 。
<body>
<div style="width:200px;background:grey;position:relative;">hi
<div style="position:absolute; left:100%; top:0; overflow: visible; width: calc(100%);">
<div style="display:inline-block"><span>a</span><span style="position:relative;top:-1px; font-size:13px">x</span> 3</div>
</div>
</div>
</body>(或者你可以使用
float: left; 而不是 position: absolute; )看 :
关于css - 内联块在绝对定位时大小不适合其子项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30883593/