有沒有辦法讓絕對位置的元素佔據屏幕寬度？

Question

我需要一段時間來查看具有絕對定位元素的長代碼，以便按比例縮放屏幕寬度。 有沒有辦法在不改變任何東西的情況下封裝這段代碼？

JS Fiddle demo with short example

<div id="Table_01"> 
    <div id="id1-01"> 
     <img width="30" height="180"> 
    </div>... 



#Table_01 { 
    position:absolute; 
    left:0px; 
    top:0px; 
    width:480px; 
    height:180px; 
} 

#id1-01 { 
    position:absolute; 
    left:0px; 
    top:0px; 
    width:30px; 
    height:180px; 
}... 

Answer 1

如果無法改變現有的代碼，你可以用更具體的CSS規則中的百分比：

div#Table_01 { 
    left:0px; 
    width:100%; 
} 

div#id1-01 { 
    left:0; 
    width:30%; 
} 

div#id1-02 { 
    left:30%; 
    width:20%; 
} 

div#id1-03 { 
    left:50%; 
    width:10%; 
} 

div#id1-04 { 
    left:60%; 
    width:20%; 
} 

div#id1-05 { 
    left:80%; 
    width:20%; 
} 

Answer 2

可以使用width: 100%;屬性。

反正我一直都是px的粉絲！