我有兩個div。第二個div應該放在第一個div上,所以...當點擊第一個div中的菜單按鈕時,應該在第一個div上出現第二個div(第二個div覆蓋第一個div)。我在第一個下創建了第二個div,給了它相對的位置,並把它提到了第一個div。但有一個問題。有一個溢出,導致div很長,div的高度保存在底部。如何做到這一點沒有任何問題?兩個div在同一位置
1
A
回答
7
HTML
<div class='wrapper'>
<div class='firstDiv'></div>
<div class='secondDiv'></div>
</div>
CSS
.wrapper{
position: relative;
}
.firstDiv, .secondDiv{
position: absolute;
}
1
HTML
<div class="one">
<div class="two"></div>
</div>
的CSS: -
.one
{
width: 170px;
height: 170px;
position: relative;
background: red;
}
.two
{
width: 70px;
height: 70px;
position: absolute;
background: black;
}
jsfi ddle demo
相關問題
- 1. 兩個div位置
- 2. 兩個div的位置
- 3. 同一個div在不同的位置? (CSS)
- 4. 位於同一位置的兩個DIV - 但不會與其他內容重疊
- 5. 同步兩個ListView位置
- 6. 在同一位置設置5個div jquery
- 7. 兩個不同點擊兩個div,一個在另一個
- 8. 比較兩個元素在同一位置上的兩個不同列表
- 9. 在相同位置的兩個LinearLayouts
- 10. jquery animate div與另一個div的位置相同
- 11. 如何同步兩個div的滾動位置?
- 12. 兩個div/uls並排放置在絕對定位的div內
- 13. 按鈕單擊時,DIV淡出,而另一個DIV在同一位置淡入
- 14. 如何在同一位置顯示兩個或多個標記?
- 15. 在兩個不同的位置聲明一個Objective-c接口
- 16. CSS div(位置相對)忽略另一個div(位置:絕對)
- 17. JQuery - 在另一個位置疊加div
- 18. 在同一水平面上放置兩個div
- 19. 如何在另一個div中的位置div水平div
- 20. 在同一位置
- 21. 同一地址位置如何給出兩個不同的值?
- 22. C++,如何做兩個指向同一位置值不同
- 23. 如何對齊兩個元素在同一垂直位置
- 24. 在同一行上的父母同一行上的兩個div
- 25. JQuery的設置兩個IMGS以相同的位置,另一
- 26. 兩個HTML div的定位
- 27. 安裝從兩個不同的位置
- 28. 同步兩個ScrollView視圖的位置
- 29. 如何同步兩個Listview位置
- 30. 讓div出現在相同的位置
發佈您的代碼,以及您自己的嘗試。 – George 2013-04-26 12:12:55