5
A
回答
2
這工作:
#div3{height:100px;width:100px;border: solid 1px #000;
display:inline-block;}
#div1{height:30px;width:100px;border: solid 1px #000;}
#div2{height:20px;width:100px;border: solid 1px #000; position: absolute; bottom: 0}
#div1_2{display:inline-block;vertical-align:top; position: relative; height: 100px;}
+0
http://jsfiddle.net/GLHur/20/ – 2012-08-03 14:01:31
1
+0
div2的高度有時候不同,這就是爲什麼我不能使用固定利潤率 – 2012-08-03 13:46:34
4
試試這個:
<div class="con">
<div id="div3"></div>
<div id="div1_2">
<div id="div1"></div>
<div id="div2"></div>
</div>
</div>
#div3{height:100px;width:100px;border: solid 1px #000; display:inline-block; background:red;}
#div1{height:30px;width:100px;border: solid 1px #000; position:absolute; top:0; background:blue;}
#div2{height:20px;width:100px;border: solid 1px #000; position:absolute; bottom:0; background:green;}
#div1_2{display:inline-block; vertical-align:top;}
.con { position:relative; }
0
<div style="position: relative;">
<div style="height: 100%;"> </div>
<div style="position: absolute; right: 0px;"> </div>
<div style="position: absolute; right: 0px; bottom: 0px;"> </div>
</div>
通過使內部使用絕對規模外格 '相對',你可以放置其他的申報單。將第二個調整到右側,最後一個調整到右側和底部。您可能需要根據需要爲樣式添加高度/最小高度。
1
我建議你塗使用絕對位置這一基本positionning:
<div id="content">
<div id="div3"></div>
<div id="div1"></div>
<div id="div2"></div>
</div>
。
#content { position: relative; height: 100px; width: 220px; }
#div1{ position: absolute; top: 0; right: 0; height:30px; width:100px; background: blue; }
#div2{ position: absolute; bottom:0; right: 0; height:20px; width:100px; background: green; }
#div3{ position: absolute; top: 0; left: 0; height:100px; width:100px; background: red; }
相關問題
- 1. 兩個div未對齊
- 2. 如何在兩個div之間放置兩個div
- 3. 兩個div/uls並排放置在絕對定位的div內
- 4. 在另一個div上放置div
- 5. Div放置另一個div後下移
- 6. 將一個div放置在左下方
- 7. 兩個div位置
- 8. 對齊兩個DIV
- 9. 把一個div放在兩個垂直div旁邊
- 10. 把兩個DIV放在另一個DIV旁邊
- 11. 在另一個div內放置一個div點擊鼠標
- 12. 如何在兩個div下放置一個div,如果還有另一個div浮在左邊?
- 13. 如何在一個固定div中居中放置一個絕對div
- 14. 如何合併兩個div一個DIV
- 15. 兩個div放置在一個自舉行中
- 16. 不能把兩個div放在一起
- 17. 如何將兩個div放在一起?
- 18. 並排放置2個div(對齊)
- 19. 放置一個div來根據每個瀏覽器
- 20. 將一個div放在兩個圖像的內部,其中一個div包含一個div
- 21. 如何垂直對齊另一個div內的兩個div?
- 22. CSS div(位置相對)忽略另一個div(位置:絕對)
- 23. 並排放置3個div
- 24. 顯示與另一個div相對位置div div
- 25. 把div放在另一個div上面
- 26. 兩個div的位置
- 27. 在右側放置一個div
- 28. 放置一個DIV <head>
- 29. 在div上面放置一個圖像
- 30. CSS佈局放置一個div屏幕
由於我的CSS技巧是絕對的垃圾,我不打算張貼此作爲一個答案。我要發佈這個作爲如何做不到:http://jsfiddle.net/GLHur/4/雖然仍然工作! – rsplak 2012-08-03 13:44:40
@rsplak你的回答是對的,但是op在評論中提到他不想使用固定的利潤率 – Prashobh 2012-08-03 13:54:15