我有一个父div内的两个div(见下图)。当“黑色”div高度增长时,外部“红色”div也增加,但我想让“绿色”div增长。这怎么可以在CSS中完成?当外部div增长时,让内部div在高度增长
回答
您可以使用CSS属性table, table-row, and table-cell
。您可能需要检查浏览器是否支持您的定位。 http://www.quirksmode.org/css/display.html#table
D:但这不必要,表格布局非常糟糕! –
我想不出另一种方式来做到这一点? 100%div只适合内容,不能用兄弟姐妹扩展:-S –
他正在讨论如何将表格布局样式应用于CSS中的div,而不是使用HTML中的基于表格的布局。没有什么可怕的,这是一个完全合法的解决方案。 –
使用height:100%
它可能不工作,因为父DIV有static
(默认值)position
属性。向父母申请position:relative
,它应该工作。 :)
没有帮助.... –
- 1. 如何让外部div与内部div一起增长
- 2. 内部DIV使外部DIV增长 - 如何避免?
- 3. CSS桌子外面div高度增长
- 4. 使外部的div增长/收缩时,内部的div增长/收缩,但保持
- 5. div的高度不会动态增长
- 6. 自动增长textarea的“+”父DIV高度
- 7. 如何让div随内容增长?
- 8. 垂直对齐div,外部div不增长
- 9. 防止嵌入式块div高度增长时内容流动
- 10. 让内部div匹配外部div的高度
- 11. 展开内部div高度以符合外部div高度
- 12. 增加div顶部的高度
- 13. 设置为100%高度的div在滚动时不会增长
- 14. 随着内容自动增长更改div高度
- 15. 当div内容增加时,主容器div的高度不会动态增加
- 16. 嵌套浮动divs导致外部div不增长
- 17. DIV内DIV内部DIV 100%高度
- 18. 幻灯片内部div整个高度上下内外部div
- 19. jQuery resizable的alsoResize:如何削减内部resize div的增长率?
- 20. 外部div限制内部div的高度。 (在Chrome中)
- 21. css页面宽度增长显示div
- 22. 防止HTML-div(框)增长
- 23. div元素不增长
- 24. DIV与文字增长到底部,然后顶部
- 25. 内部div宽度大于外部div
- 26. 如何让外部div继承内部非浮动div的高度?
- 27. 防止RichTextBox高度增长
- 28. 当添加新的孩子时,防止DIV容器的高度增长
- 29. 如何在Div内部增加宽度时保持Button不缩小高度?
- 30. 将外部div的高度继承到内部div
喜欢100%身高吗? –
你试过'身高:100%'吗?或者,它是不是随着黑色“div”的增长而移动? – Biotox
搜索CSS多列布局,无论是在这里还是在Google上,您都会对这个完全相同的事情提出很多问题。 – Ktash