html - 如何在没有 javascript 的情况下使用 css 混合依赖内容和百分比高度/宽度-6ren

html - 如何在没有 javascript 的情况下使用 css 混合依赖内容和百分比高度/宽度

转载作者：太空宇宙更新时间：2023-11-04 13:26:04

<分区>

我想实现这样的布局:

 -----------------------------------------------------------
|                                                          |
|  header height is its content dependant.                 |
|  its height is not set.                                  |      
|  it is as heigh as its content stretches it              |
|----------------------------------------------------------|
|                                                      | s |
| takes all the rest available screen height           | c |
| it is fluid height, not fixed,                       | r | 
| dependent on the screen height                       | o |
|                                                      | l |   
|                                                      | l |
|                                                      | b |
|                                                      | a |
|                                                      | r |
------------------------------------------------------------

用css和html，不用javascript，可以吗？滚动条应该从上到下完全可见。

此处设置示例布局 http://jsfiddle.net/uKejq/9/我想实现相同的目标，但不使用 javascript。可能吗？