Question

我有一个问题，我找不到合适的解决方案，我有两个div，第二个移动到1º以下，当我调整到800px以下（1ºdiv宽度+2ºdiv宽度）。我想要的是修复元素（不是位置'固定'），但是我想要它们并排，无论是什么，比如在facebook页面或谷歌，当我调整大小时，即使他们去“外面”，他们仍然呆在同一个地方窗户。 http://jsfiddle.net/VLt9m/。提前谢谢。

#wrapper {
padding:92px 0 0 0;
width:100%;
float:left;
}
#content a {
    text-decoration: none;
}
#block1{
    background-color: #FFC374;
    width:400px;
    height:400px;
    margin:0;
    float: left;
    position: relative;
}
#b1Title{
    width:400px;
    height:100px;
    margin:0;
    background-color: #FFD190;
    opacity: 0.8;
    position: absolute;
}
#b1Title h1{
    color: #222;
    font-size: 200%;
    margin: 8% 0 0 12%;
}
#block2{
    background-color:#449DCC;
    width:400px;
    height:400px;
    margin:0;
    float: left;
    position: relative;
}
#b2Title{
    width:400px;
    height:100px;
    margin:0;
    background-color:#80B7D7;
    opacity: 0.8;
    position: absolute;
}
#b2Title h1{
    color: #222;
    font-size: 200%;
    margin: 8% 0 0 12%;
}

Answer 1

如果您愿意，可以使用media query执行此操作。但是，这是max-width

的快速修复

<强> Working Demo

将此添加到阻止

max-width:400px;
width:50%;

这是标题

max-width:400px;
width:100%;

更新

将固定宽度设为wrapper

<强> Working Demo

#wrapper {
    padding:92px 0 0 0;
    width:800px;
    float:left;
}

Answer 2

如果我的猜测是正确的，那么你需要给出最小宽度：800px;到包装。

#wrapper{
padding:92px 0 0 0;
min-width:800px;
float:left;
overflow:auto;}

See here

Divs在调整CSS大小时移动位置的auto

2 个答案:

更新