有没有纯粹div+css的方式实现上下两个div满足：上面的div根据内容自动高度，下面的div自动铺满剩余高度
我也想知道，等高手作答！
CSS3中的弹性盒模型可以纯粹使用div+css实现你要的效果。如：
<!doctype html><html> <head> <title>Temp Web Page</title> <style type="text/css"> body *{border:1px solid} #container{ width:200px; height:400px; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; -moz-box-orient: vertical; -webkit-flex-direction:column; -ms-flex-direction:column; } #inner1{ background:#ddd; } #inner2{ background:#aaa; -moz-box-flex: 1; -webkit-flex:1; -ms-flex:1; } </style> </head> <body> <div id="container"> <div id="inner1"> When you come to the end of a perfect day. It can only mean a tired heart, and the dear friends have to part. </div> <div id="inner2"></div> </div> </body></html> 没明白。这个剩余的高度是相对哪个来说的呢？上下的两个div是兄弟元素节点关系吗？
没明白。这个剩余的高度是相对哪个来说的呢？上下的两个div是兄弟元素节点关系吗？
剩余高度是相对父容器而言；
是兄弟节点关系；
直接将width和hight设置成100%,不就可以了吗？
Perbezaan antara fungsi anak panah dan fungsi biasa
Apakah kaedah pengumpulan data yang biasa?
Di mana untuk membeli Bitcoin
Perkara yang perlu dilakukan jika token log masuk tidak sah
menukar penggunaan arahan
Apakah sebab mengapa rangkaian tidak dapat disambungkan?
Bagaimana untuk membeli syiling fil
Bagaimana untuk memuat naik html
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
