CSS Div 尊重其他 div

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

我想让 div 响应。我有三个 div:

LEFT | MIDDLE | RIGHT

由于这是针对移动网站的，因此我必须能够遵守屏幕尺寸。所以我想调整 Middle div(其中包含一个 input)的大小，而不是其他的。

如果你捕获 jsfiddle 分隔符并向右推，右边的图像将下降到另一行。我想保留两张图片并调整中间 div 的大小。

另外，我希望 middle div 是全宽的，这意味着它在 image left 和 image right 之间只有一个空格code> 的(比方说 20px)。

我怎样才能做到这一点？

最佳答案

这应该是解决方案:

@media only screen and (max-width: 600px) {
    div.header .middle{
       width: 40%;
    }
}

JSFiddle:http://jsfiddle.net/sbxmL/63/ 使用 @media only screen and (max-width: 600px) { 你可以设置 css，当她的屏幕小于 600px 时，你的中间尺寸会变小

关于CSS Div 尊重其他 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21934198/