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

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%;属性。

无论如何，我一直是％over px的粉丝！