html - 在div中绝对定位并溢出

假设我有未知大小的OuterDiv，OuterDiv中的InnerDiv为10px x 10px。我要实现的是InnerDiv在OuterDiv（最简单的部分）中的绝对定位，因此位置（0,0）表示OuterDiv的左上角，而（坚硬的部分）位置（-5，0）表示仅右半部分InnerDiv的位置可见（溢出的部分被隐藏）。有任何想法吗？

最佳答案

您必须使用overflow: hidden css属性。
以下代码对您有用吗？

<div id="outer" style="position: relative; overflow: hidden;">

     <div id="inner" style="height: 10px; width: 10px; display: block; position: absolute; top: 0; left: -5px; background: #f00;">

     </div>

</div>

关于html - 在div中绝对定位并溢出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8284988/