最近遇到问题,在扣去顶部的100px后,如何让他们撑满剩余高度。
不用javascript自然最好,如果js更方便的话也请一并告之吧
有实例有代码,请看:
HTML
<div class="header">header</div>
<div class="col1">col1</div>
<div class="col2">col2</div>
<div class="col3">col3</div>
CSS
.header {
width: 100%;
background: #567;
height: 100px;
}
.col1, .col2, .col3 {
float: left;
width: 80px;
background: #DDD;
height: 100%;
margin-right: 10px;
}
如果有footer的情况下 假如footer也要占位100px,一直位于下方,那中间这三列又该怎么弄呢?
http://jsfiddle.net/eLbJ3/