0

この件でお役に立てれば幸いです。pinterest のようなグリッド システムを作成しようとしていますが、左側のサイドバーも必要です。だから私が必要としているのは、2 つの div を並べてフローティングすることです。グリッド セルを含むものは、ブラウザの解像度に合わせて幅を調整する必要があります。このようなものです。

[  Sidebar  ] [ [Cell][Cell][Cell][Cell][Cell][Cell] ]
              [ [Cell][Cell][Cell][Cell]             ]


[  Sidebar  ] [ [Cell][Cell][Cell] ]
              [ [Cell][Cell][Cell] ]
              [ [Cell][Cell][Cell] ]
              [ [Cell]             ]

現時点では、ブラウザのサイズを調整すると、セルを含む div がサイドバーの下にドロップされます - 自動的に調整する方法はありますか? ありがとうございました

4

2 に答える 2

0

次のようなことができます:例

サイドバーの列は左にフローティングし、メイン コンテンツの列は左にフローティングしました。

<div id="wrapper">

<div id="left">sidebar</div>
<div id="right">


    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

</div>

于 2013-06-10T15:07:08.583 に答える