html - 有没有办法让具有绝对位置的元素占据屏幕宽度？

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%;
}