13

だから私はいくつかのDIVを持っています。構造はこちら

    <div id="content">
        <div id="lcol">some content</div>
        <div id="lcol">some<br />content</div>
    </div>

そして私の問題は、2つのdivの高さが異なることです。私はdisplay:inline-block「lcol」に使用していますが、「content」は単なる通常のdivです。2つのlcoldivは実際に並んで表示されますが、divの下部に固定されています。divの一番上に揃えてほしい。「コンテンツ」に追加しようとしvertical-align:topましたが、何も起こりませんでした。

何か案は?

JsFiddle: http: //jsfiddle.net/qxe8h/1/

4

1 に答える 1

41

インライン ブロック要素にvertical -align:topを指定します。次のように書きます。

#lcol {vertical-align:top;}

これをチェックしてくださいhttp://jsfiddle.net/qxe8h/2/

于 2012-08-29T09:23:48.740 に答える