div布局 固定宽度加上百分比宽度
div布局 固定宽度加上百分比宽度
div布局我们经常会用到左侧固定宽度.side,右侧则为自动适应屏幕宽度,填充剩下的宽度,这个布局用table布局很容易解决,但是div就需要点小技巧了。
.content {width:100%;height:1000px;}
.side{width:200px;height:1000px;float:left;background:#eee;}
//关键就是.right的设置,不要设置宽度,也不要有float,并且需要overflow
.right{overflow: hindden; background:#f90;}
这样就可以实现我们想要的布局了。