我將div的位置設置爲絕對,並且我想將另一個div放在下面。
兩個div具有不同的寬度。
上面的div是絕對位置,並居中。應該在底部的div具有100%的寬度。
如何做到這一點?
謝謝!將div div粘貼到頁面底部
3
A
回答
2
- 做一個
div
同時包含 - 使用
float:right
例如:
div#p8015buttons {
position:absolute;
bottom:0.5em;
right:0.5em;
width:90px;
}
div.p8015 {
float:right;
margin:1px;
}
0
裹在第三個和位置都的DIV是一個絕對的,而不是原來的一。
0
未經測試,但應該這樣做。
HTML:
<div class="wrapper">
<div class="one">
Content
</div>
<div class="two">
More content
</div>
</div>
而CSS:
.wrapper
{
position:absolute;
width: 500px;
height: 400px;/*whatever you want*/
}
.one,
.two
{
position:relative; /*or static*/
}
希望它能幫助:)
0
測試 HTML標記
<div class="wrapper">
<div class="left-ontent>
</div>
<div class="right-ontent>
</div>
</div>
CSS
.wrapper{width:980px;margin:0 auto;position:absolute;}
.left-content{float:left;width:630px;}
.right-content{float:right;width:320px;}
+0
這個想法是有兩個不同寬度的div與絕對位置。以固定寬度爲中心,另一個沒有智慧(應該像屏幕一樣寬),第二個div應該在第一個下面。 – Jack 2010-05-06 10:31:58
0
試試這個,你就可以移動的風格你的CSS
<div style="width:500px; margin: auto; height:200px; background-color:black;">
</div>
<div style="width:100%; height:200px; background-color:green;">
</div>
相關問題
- 1. 將div粘貼到窗口的底部
- 2. 將div粘貼到容器底部
- 3. 將圖片粘貼到div底部
- 4. 將頁腳粘貼到頁面底部
- 5. 將Div Div粘貼到屏幕底部直到內容變長
- 6. 頁腳粘貼到頁面底部
- 7. 使div貼在頁面底部
- 8. 如何在完全進入視口時將div粘貼到頁面底部?
- 9. 如何讓div粘貼到父div的底部?
- 10. 開始滾動時,將div粘貼到頁面頂部
- 11. 將div右移到頁面底部
- 12. 將div擴展到頁面底部
- 13. 試圖將span標記粘貼到div的底部
- 14. 如何使HTML頁腳div粘到頁面底部
- 15. jQuery將頁腳粘貼到頁面底部
- 16. 使用HTML和CSS將頁腳粘貼到頁面的底部
- 17. 打印:如何將頁面上的頁腳粘貼到底部?
- 18. jQuery Mobile:將頁腳粘貼到頁面底部
- 19. 如何將頁腳粘貼到頁面底部?
- 20. 將內嵌塊div粘貼到另一個內嵌塊div的底部
- 21. 如何將div從頁面頂部延伸到頁面底部?
- 22. 將頁腳粘到頁面底部
- 23. 將div的底部固定到屏幕底部(不是頁面)
- 24. 粘貼到頁面底部的CSS頁腳
- 25. div位於頁面底部
- 26. 頁面底部的XHTML div div
- 27. 將div div粘貼到父卷的頂部滾動
- 28. 如何將div的內容粘貼到div的頂部?
- 29. 推一個div到頁面底部
- 30. 使div延伸到頁面的底部
你找到答案嗎? – JoePasq 2011-06-06 16:06:13