Question

我在主容器中有两个div。一个是向左浮动（YouTube视频），另一个是右侧（声音云播放器）。

当我放大（110％）时，右边的div容器在下面折叠到下一行。

如何阻止这种情况发生？我错过了CSS中的内容吗？

.youtube {
    float: left;
    width: 640px;
    height: 360px;
}
.maincontainer {
    position:relative;
    margin-top: 1%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1900px;
    height: 1000px;
    padding-right: 10px;
    padding-left: 10px;
}
.soundcloud {
    float:right;
    height:388px;
    width:580px;
    padding-right:50px;
}

jsfiddle：http://jsfiddle.net/richirich/nZgw5/1/

谢谢！

编辑：想出来。我在.maincontainer div中使用“max-width”。我改变了它并使用了“宽度”而现在声音云播放器不再下降到下一行了。所以这已经解决了。

这引出了另一个问题：我怎么知道是否使用％或px来定义div的维度？人们给了我相互矛盾的答案，这让我很困惑...... 我个人发现使用像素有助于盒子保持原位，在放大或缩小时不会分开..

Answer 1

添加CSS重置，其中包括：

* {
   margin:0;
   padding 0;
}

位于CSS文件的顶部。这会重置所有边距和填充。

如果这不起作用，请尝试制作包含网站整个中间部分的div（youtube视频和文本以及soundcloud框），我认为你称它为主容器，稍大一些。在宽度上添加10-15个像素。它可能已经用完了空间。

希望这会有所帮助。下次尝试发布更多信息，特别是一些代码：）

DIV不断折叠到下一行

1 个答案: