0

これが私のコードです

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#image_container
{
    position:absolute;
    top:100px;
    left:0px;
    height:420px;
}
.folder_image
{
    background:url(folder.png) top no-repeat;
    width:679px;
    height:420px;
    top:0px;
    left:0px;
    position:relative;
    float:left;
    margin-right:50px;  
}
</style>
</head>

<body>
<div id="overflow_container">
    <div id="image_container">
        <div class="folder_image"></div>
        <div class="folder_image"></div>
    </div>
</div>
</body>
</html>

これは私が達成しようとしていることです: divsclassfolder_imageで new を追加するときと同様に、div は水平方向に隣り合わせに配置する必要があります。私の場合、親コンテナの幅を設定することでこれを実行できることはわかっていますが、#image_container設定せずにどのように行うのですwidthか#image_container

前もって感謝します。

4

3 に答える 3

1

私の解決策：

#image_container
{
    position:absolute;
    top:100px;
    left:0px;
    height:420px;
    overflow-x: scroll;
    overflow-y: none;
    white-space:nowrap;
}
.folder_image
{
    background:red;
    width:679px;
    height:420px;
    display: inline-block;
    margin-right:50px;  
}

フィドル: http://jsfiddle.net/eKW46/

この投稿は私を助けました：CSS水平スクロール

于 2013-06-13T07:03:44.560 に答える