div布局 固定宽度加上百分比宽度

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;}

这样就可以实现我们想要的布局了。

 

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据