後來我發覺我還是對js不熟 Orz
睡也睡不安穩
不過在睡夢中想到了一個小方法
就是作
#dC {margin-right: #dL's width;}
就解決了...........
呃.... 算是有學到一點點的js啦 XD
※ 引述《ateclean (乙癡光)》之銘言：
: #dL #dC #dR
: 三個div分別為#dC #dL #dR
: ^^^^^^這兩個寬度已定
: 現下的目標是 把可視寬度-#dL-#dR 剩下的寬度給#dC
: 下面是沒有js基礎而用一個下午+晚上拼湊出來的 Orz
: 所以大概會錯得很慘....
: div*3的基本資料
: #dR absolute定位 寬度已定 top: 0; left: 0;
: #dC absolute定位 動態寬度 top: 0; left: #dR's width
: #dL absolute定位 寬度已定 top: 0; right: 0;
: js放的位置 跟 觸發條件
: <head><script type="text/JavaScript" src="cw.js"></script></head>
: <body onload="centerwidth()" resize="centerwidth()">......</body>
: ----------上面是狀態，下面開始是問題情境----------------
: 遇到一個大問題～
: #dC的文字會很多
: 但是會被#dR遮住 Orz
: http://img217.imageshack.us/img217/6899/ggtm3.jpg 給個圖最清楚～
: 剛載入完成後，#dC的寬度沒有改變
: 改變視窗大小後，#dC才變(有沒有變我是看有沒有跳出alert作判斷)
: 現在希望的是載入時就可以改變#dC寬度 >"<
: ps: 那個alert(dC)只是想確認寬度是不是有真的變過來了
: ps2:要附代一提的是我的body包含下面這個onload 還有另外一個onload 不曉得有無關係
: ---------------------------------------------------------------------------
: function centerwidth(){
: var dL = document.all('Ldiv').offsetWidth;
: var dR = document.all('Rdiv').offsetWidth;
: var bA = document.body.clientWidth;
: dC=bA-dL-dR
: if(dC>380)
: {
: centerdiv.style.width=dC+"px";
: alert(dC)
: }
: else
: {
: centerdiv.style.width=350+"px";
: alert("你的視窗過小～");
: }
: }
: ---------------------------------------------------------------------------
: 有請各位大大的幫忙了 <(_ _)>
: 先此拜謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.153.150