2

私はこのhtmlを持っています:

<div id='calendarControlPane'>          
    <div id='calendarControl'>

        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;">
            </div>
        </div>

        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;">
            </div>
        </div>

        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;">
            </div>
        </div>

    </div>      
</div>

コンテナー div で "display:inline-block" を使用しているのは、これらの div をコンテンツのサイズに合わせたいからです。

私が抱えている問題は、それらが互いに隣り合って描かれ、互いに下に描かれる必要があることです。

4

3 に答える 3

3

ええと、実際の最終的なアプリケーションによっては、floatcanを使用すると機能します（fiddleを参照）。ただし、古いバージョンのIEはそれに窒息する可能性があります。

HTML

<div id="calendarControlPane">          
   <div id="calendarControl">
    <div>
        <div></div>
    </div>
    <div>
        <div></div>
    </div>
    <div>
        <div></div>
    </div>
   </div>
</div>

CSS

#calendarControl > div {
    float: left;
    clear: left;
    border: 1px solid black;
}

#calendarControl > div > div {
    width: 14px;
    height: 15px;
}
于 2012-05-22T22:21:00.500 に答える
2

オールドスクールの修正：

<div id='calendarControlPane'">          
    <div id='calendarControl'">
        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;"></div>
        </div><br />
        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;"></div>
        </div><br />
        <div style="border-style:solid; display:inline-block;">
            <div style="width:14;height:15;"></div>
        </div>


    </div>

</div>​

単に追加します

<br />

インラインブロッククラスを含む各divの後。

于 2012-05-22T22:25:41.247 に答える
1

あなたはここで質問をしているわけではありません。また、投稿の最後の 2 行は少しわかりにくいですが、display: block代わりに質問したくないのですか?

編集: drublic が言ったように、これは div のデフォルトの表示値であるため、そのスタイルはまったく必要ありません。

于 2012-05-22T22:08:09.140 に答える