假設我在OuterDiv中有OuterDiv的未知大小和InnerDiv 10px x 10px。我想要實現的是InnerDiv在OuterDiv(簡單部分)內的絕對定位,所以位置(0,0)表示OuterDiv的左上角和(硬部分)位置(-5,0)意味着只有右半部分的InnerDiv是可見的(溢出的部分是隱藏的)。有任何想法嗎?絕對定位在div和溢出
0
A
回答
0
您必須使用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>
0
您只需用left: -5px
外部部件上應用overflow: hidden
和定位內部元件像這樣:
#outer {
height: 200px; /* Must give explicit height since contents are absolute */
position: relative;
overflow: hidden;
}
#inner {
height: 10px;
width: 10px;
position: absolute;
top: 0;
left: -5px;
}
工作示例的Here's a gist。
相關問題
- 1. CSS:絕對定位和溢出:隱藏
- 2. div高於絕對div和溢出
- 3. 絕對定位的div與溢出自動導致子絕對div被切斷
- 4. 絕對/相對定位佈局溢出
- 5. IE和絕對定位div
- 6. 溢出位置絕對
- 7. CSS絕對定位元素溢出
- 8. CSS溢出隱藏和絕對位置
- 9. 位置絕對和溢出隱藏
- 10. 位置絕對和溢出隱藏
- 11. 位置:絕對和溢出:隱藏?
- 12. 絕對位置和溢出屬性
- 13. CSS:浮動,絕對位置和溢出
- 14. 絕對位置和溢出:隱藏
- 15. 溢出:滾動不能使用絕對定位的子div?
- 16. 絕對定位圖像DIV溢出的內容,以它的左
- 17. css3高度過渡絕對定位div溢出自動失敗
- 18. :在絕對定位div後
- 19. 絕對定位的div div滾動內絕對定位的父
- 20. 流出div,但不是絕對定位
- 21. 絕對的div沒有溢出
- 22. 絕對定位DIV相對於(也絕對定位)父DIV的位置?
- 23. Div在另一個Div內相對定位並溢出
- 24. 如何讓父div彈出隱藏溢出隱藏和位置絕對
- 25. 位置絕對定位的父div的底部的絕對div
- 26. 溢出:滾動div位置:絕對元素內
- 27. IE6和IE7絕對定位在多個相對div上的div
- 28. 絕對定位和響應的div
- 29. CSS - 絕對定位和流體的div
- 30. 絕對定位和可滾動DIV