html - 如何阻止 float div 换行到下一行 - 尝试了一切

Question

当调整窗口大小时，我一直坚持使用标题中的这个 div 换行到下一行。您可以在http://www.commexfx.com查看.调整窗口大小时，标题中包含搜索框等的右侧 div 将换行到下一行。我尝试了一切:改变位置、显示、空白等，但什么都没有。结构是这样的:

    <div id="header">
      <div id="logo"> </div>
      <div class="top-widget"></div>
    </div>

而暂时的CSS代码是:

#header {
  margin: 0 auto;
  /* max-width: 960px; */
  width: 960px !important;
  height: 100px !important;
  border: 1px solid blue;
  background-color: #ffffff;
  white-space: nowrap !important; 
}


#logo {
  float: left;
  z-index: 9999999;
  margin-bottom: 20px;
  width: 360px;
  display: inline;
  border:1px solid green;
  padding: 0 !important;
  margin: 0 !important;
}


.top-widget {
  background: none;
  border: none;
  /*clear: right;*/
  float: right;
  height: 95px;
  text-align: right;
  display: inline;
  width: 590px !important;
  border: 1px solid yellow;
  padding: 0 !important;
  margin: 0 !important;
}

将不胜感激任何帮助。还在这里搜索了论坛并尝试了我能找到的所有可能的解决方案，但一无所获。

谢谢

Answer 1

将 min-width:960px 添加到您的 css #header 声明中。