左侧固定,右侧自适应的页面结构

方法很多了,记录2种,一种当然就是用js算浏览器宽度-左侧固定宽度。

function scrollWidth(obj, Nnum){
var Nnum;
var oW = document.body.clientWidth || document.documentElement.clientWidth ;
var oDivW = oW-Nnum;
var oDiv = document.getElementById(obj);
oDiv.style.width = oDivW + “px”;
}

html页面中初始化一下

window.onload = window.onresize = function(){ scrollWidth(‘container’,’315′);}

 

 

第二种,就是css写。

.sidebar{ border-right:1px solid #e5e5e5; margin-left: 0 ;margin-top: 0 ;position: absolute; width: 189px;}
.main-content{ margin-left: 190px; margin-right: 0; margin-top: 0; min-height: 100%; padding: 0;}