.wrapper {显示:表；宽度:100%；边距:15px 0；}.horizo​​ntal.wrapper >div {显示:表格单元格；空白:nowrap；/* 防止换行 */边框:1px 实心；}.left { width: 100px }/* 最小宽度 100px */.center { 宽度:0;}/* 由内容给出的宽度 */.vertical.wrapper { 高度:200px;}.vertical.wrapper >div {显示:表格行；}.vertical.wrapper >div >跨度 {显示:表格单元格；边框:1px 实心；}.top { 高度:100px;}/* 最小高度为 100px */.middle { 高度:0;}/* 由内容给出的高度 */.bottom { 高度:100%;}/* 尽可能高*/

<div class="left">100px 宽</div><div class="center">自动宽度，由内容给出</div><div class="right">剩余空间</div>
<div class="垂直包装器"><div class="top"><span>100px 高</span></div><div class="middle"><span>自动高度，由内容给出</span></div><div class="bottom"><span>剩余空间</span></div>