CSS定位 - Firefox

Question

我的Firefox浏览器有问题。你可以看到它here。未公开的css版本（使用LESS）：here。

所有浏览器都能很好地显示它，但Firefox将粉红色通道中的表单移动到页面顶部。你知道问题可能是什么吗？

谢谢！

Answer 1

添加

clear:both 在#formPruh将解决此问题，请检查它是否在所有浏览器中正常工作

在Clear:both

上应用#formPruh后

请更改margin-top:250px to 55px; in #kategories

请参阅此快速firebug解决方案

Answer 2

在你的css中尝试这个

#formPruh {
  width: 100%;
  height: 120px;
  form label {
    font-weight: bold;
    color: white;
  }
  form table {
    position: relative;
    margin-left: 60px;
    top: 210px;                 /* changed-----------        top: 15px;*/
    tr {
      height: 40px;
      border: 1px solid red;
      td.popis {
        text-align: right;
    padding-left:5px;        /* changed-----------        padding-left: 30px;*/
      }
      td.input input, td.input select {
        width: 150px;
        height: 25px;
        padding: 0;
        margin: 0;
        border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-family: Verdana, Arial, sans-serif;
        font-size: 105%;
      }
    }
  }
}

Answer 3

您必须清除您的浮动 DIV（徽标，操作，用户）。写得像这样：

#formPruh {
    clear: both;
    height: 120px;
    width: 100%;
}