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