Question

我这里有两个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;
}

我正在尝试在浏览器中放大/缩小后设置同一行中的两个div（CTRL + / CTRL - ）。问题不在于将两个div设置在同一行中，而是放大/缩小，当我放大/缩小div时，长内容越长越高，短的越长内容保持原样。有没有办法为每个动作（放大/缩小）设置同一行中的两个div。

Answer 1

我更新了你的小提琴：http://jsfiddle.net/TXSfN/2/

将最大高度设置为2个div，并设置overflow-y：自动设置第一个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;
}

在ZOOM IN之前和之前的同一行中的两个div

1 个答案: