最近在做項目的時候，客戶要求點擊父頁面的一個按鈕以后，整個父頁面向左移動，左側則用來顯示圖片，這樣用戶可以照著左側圖片在頁面上填一些信息。結果可能在最初是設計的時候就有問題，設計的樣式是這樣的，點擊父頁面（頁面寬度設置為100%）上的一個按鈕整個頁面往右側移動頁面比例為原來的50%，左側彈出一個dialog頁面，占整個頁面的50%，結果dialog和原頁面不在一個層上，dialog直接彈出的，并不在div里邊，且dialog好像不能設置百分比，只能設置具體的像素，所以在尺寸不同的電腦上，dialog和原頁面之間的寬度不一樣。結果問了一下UI工程師，工程師的解決辦法是：

function viewPictures() {
var link = “${ctx}/upload/showBigImageReport/null?idNumber=${idNumber}&applyId=${applyId}&imgType=null&resType=CUSTOMSERVICE&sign=”;
parent.$.ligerDialog.open({ url: link,name:’pagerForm’, width:700,height:950,modal:false,top:0,left:0,isDrag:false,allowClose:false,isResize:true});
/* $(“#bankStatement”). css({width:”620″,float:”right”});
$(“#pepoleBankReport”). css({width:”620″,float:”right”});
$(“#othersInfo”). css({width:”620″,float:”right”}); */
$(“#entirety”). css({width:document.body.clientWidth-710+”px”,float:”right”});
}

即再打開dialog窗體的時候，將網頁可見區域寬（width:document.body.clientWidth）-dialog本身的寬度（710）然后讓原頁面右漂浮，面的昂算是解決了，但原來要求的比例實現不了了，暫時只有這么解決了，不知道各位還有其他想法嗎？