0

ここに 2 つの div があります: http://jsfiddle.net/TXSfN/
CSS コード:

#div1{
    background-color: red;
    display: inline-block;
    width: 50%
}
#div2{
    background-color: blue;
    width: 20%
    display: inline-block;
    height: 263px;
    float: right;
}

ブラウザーでズームイン/ズームアウトした後も同じ行に2つのdivを設定しようとしています(CTRL +/CTRL -)。問題は、2 つの div を同じ行に設定することではなく、ズームイン/アウトにあります。長いコンテンツの div をズームイン/アウトすると、高さが長くなり、短いコンテンツが長くなります内容はそのまま。すべてのアクション(ズームイン/アウト)に対して同じ行に2つのdivを設定する方法はありますか?

4

1 に答える 1

0

私はあなたのフィドルを更新しました: http://jsfiddle.net/TXSfN/2/

max-height を 2 つの div に設定し、overflow-y: auto を最初の div に設定して、高さを同じに保ち、コンテンツによって強制的に大きくならないようにします。

CSS

#div1{
    background-color: red;
    display: inline-block;
    height: 250px;
    overflow-y: auto;
    max-height: 250px;
    width: 50%
}

#div2{
    background-color: blue;
    width: 20%
    display: inline-block;
    height: 250px;
    max-height: 250px;
    float: right;
}
于 2013-08-17T21:55:49.457 に答える