Html 动态显示内联图像列表加载

我试图在一个div中加载一个图像列表，并将其水平放置（要滚动）

问题是我不能一个接一个地加载它们，以百分比形式保持图像的维度

CSS:

第页：

/" />

试试：

---

它应该可以工作！

不是普通的，它的“动态”很抱歉英语很差……@user3785560：不是这样，我也不是100%的英语。但是我建议你使用Javascript动态设置上面的宽度，这样你就不会有多余的空间了。谢谢你…=）我解决了它，将主div宽度更改为1000%，然后按照你的建议d我，我通过javaScript进行调整。。

 @charset"UTF-8";
 /* CSS Document */
 #collectionContainer {
     position:absolute;
     top:0px;
     left:0px;
     right:0px;
     bottom:15%;
     height:auto;
     width:auto;
     overflow-y: hidden;
     overflow-x: scroll;
 }
 #collectionContainer ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }
 #collectionContainer ul li {
     display:inline-block;
     float:left;
 }

    <div id="collectionContainer">
        <ul>
            <? $dir='content/collection/' .$_GET[ 'collSea']. '/'; 
$dh=opendir($dir); 
while (false !==( $filename=r eaddir($dh))) { 
if ($filename !=="." && $filename !==".." ){ 
if (pathinfo($filename, PATHINFO_EXTENSION)=="jpg" ){ ?>
            <li>
                <img width="auto" height="100%" src="content/collection/<? echo($_GET['collSea']); ?>/<? echo($filename); ?>" />
            </li>
            <?  } } } ?>
        </ul>
    </div>

li {
    width: 1000%;
}