Question

请不要再撕我一个新问题，因为之前已经提出过这个问题，但他们的解决方案无效。

问题：如何防止两个浮动div包裹？

这是我的网页：Defining Voice Page

在顶部我有两个div，一个用于徽标（float-left），另一个用于站点nav。（浮法右）。父div的固定宽度为930px。我想要的是左右div在930px的相对两侧显示为内嵌，并在窗口大小改变时保持固定。

问题：当您调整窗口大小时导航。面板移动和折叠/包裹。

我试过了： 1）将父div设置为固定宽度（930px）。 2）将右侧和左侧div设置为“内联”。 3）将右侧和左侧div的宽度设置为50％。

......没有一个能够修复这些div的位置。

有人可以告诉我上述的正确组合，还是有其他事情发生在这里？

提前致谢，约翰

Answer 1

添加最小宽度并在达到850px大小时更改显示属性。目前就是这样。

header .float-left, header .float-right
{
  float:none;
}

解决方案1：如果您想保留float：none属性请使用如下所示。

 @media only screen and (max-width: 850px){
  header .float-left, header .float-right
  {
   float:none;
   min-width:425px;
   display:table-cell;
  }
 }

解决方案2：如果没有问题要删除此浮动，请将其删除，如下所示。

 @media only screen and (max-width: 850px){
  header .float-left, header .float-right
  {

  }
 }

如何防止浮动div折叠？

1 个答案: