0

我创建了一个站点，该站点的右上角有用于登录和注销的小按钮。在“header_content” div 中，我有另一个带有“float：right”的 div（将其保留在右上角），在该 div 中，我有带有链接的 li 和带有按钮的表单。一个有 float: right 和另一个 float: left （使它们保持一致）。

通常一切正常，但由于某些奇怪的原因，有时浮动会崩溃，第二个链接会“掉线”。刷新页面后一切正常，直到再次发生崩溃（它并不是那么频繁，但仍然很烦人）

那么这个基于浏览器的问题（我正在使用 Chrome），还是因为我有很多“嵌套”浮动或其他东西？

编辑：

我想我想的还有更多的浮动：D 这是代码，希望你能得到图片......（不断下降的是带有按钮和 id=right 的表单）

<div id="header">
  <div id="header_banner">
   .... smt
  </div>
  <div id="header_content">
     <div id="outer_left">
      ..... smt
     </div>
     <div id="outer_right">
         <li>
            <a id="left" href="........."></a>
            <form id="right" method="post" action="">                            
               <div>
                  ......
                  <button type="submit" value="value"></button>
               </div>
            </form>
        </li>
     </div>
  </div>
</div>



#header_banner, #outer_left, #left {
 float: left;
 .....
}

#outer_right, #outer_right li, #right {
 float: right;
 .....
}
4

3 回答 3

0

你的花车互相争吵。如果您希望元素“在线”，您可以使用“display：inline-block”做一些事情

div.right
{
    white-space: nowrap;
}

div.right ul li
{
    display: inline-block;
}
于 2012-09-20T19:20:55.203 回答
0

如果没有示例，我建议您将尝试“保持一致”的两个链接向左浮动。确保它们的宽度与填充和边距相结合不超过包装元素的宽度。

于 2012-09-20T19:21:08.747 回答
0

那么，如果reload到reload的显示发生变化，是否有内容发生变化的可能性？即使是不可见的空格字符或边框也会占用太多空间，以至于容器太小而无法将它们浮动在一条线上。您是否尝试将容器放大 50 像素并测试行为是否继续？

于 2012-09-20T19:58:31.627 回答