CSS 可伸缩布局

布局内容为:sidebar+content。 查看效果

左侧sidebar,右侧content;左侧content,右侧sidebar。无论哪种布局,首先想到的会使用到浮动,但是在保证sidebar固定宽度,而content需要使用剩下的全部宽度时,就要稍微动动脑筋了。

查看源码

对于sidebar在左侧的情况,推荐使用第1种方案,第2中方案,你会发现使用了position:relative和z-index:99,这样在兼容ie浏览器时,可能会存在坑,例如z-index的计算问题。

你可能感兴趣的:(css,content,z-index,兼容IE,固定宽度,SideBar,可伸缩布局)