html div 不占位置,css – Div占用整个剩余宽度

你的意思是

this吗？

CSS

html,body {

height: 100%;

}

#left {

width:200px;

float:left;

background: #f00;

height: 100%;

}

#right {

margin-left: 200px;

background: #0f0;

height: 100%;

}

更新：

你也可以在CSS3中使用calc()属性,这样可以简化这个过程

html,body {

height: 100%;

}

#left {

width:200px;

float:left;

background: #f00;

height: 100%;

}

#right {

float: left;

background: #0f0;

height: 100%;

width: calc(100% - 200px); /* Negate the fixed width element value from 100% */

}