CSS缩小

Question

我是网站设计的新手，拥有我的第一个网站。然而，当我缩小设计时，它会分开。特别是Seach盒子和特色图片。我知道有很多类似的问题和答案，但我是新手，我无法适应一个。我需要具体的指示来做到这一点。

网站：http://www.alphabitrage.com 代码：https://gist.github.com/anonymous/3704b07a027426208738

Answer 1

例如，我带你的搜索块。您有id="searchformfix"和width: 430px。当您在某些浏览器中缩小时，您没有空间来收集所有阻止的内容，那么它们会在其他块下进行。要修复它，你应该为你的主块增加一些额外的空间（它是一个包含其他较小块的块）。对于id="searchformfix"我制作了width: 450px，一切正常！

Answer 2

简单：从此CSS选择器中删除width: 430px：

#searchbarleft {
  /*width: 430px;*/
  float: left;
  margin: 0px;
}

无论如何似乎没有任何积极的影响，所以只需删除它。