css - Float on div causing fields to become not editable

Question

I have a problem with float making input fields not editable. When I remove float:left from dvasl class in chrome I can edit fields but then left cloumn is moved to the bottom. I can't find why float is causing this. http://www.ipmedia.ee/postkaart/

Answer 1

在 screen.css 中，您编写了一个名为 .buttons 的 css 规则，删除定位并且它的工作正常

.buttons {
height: 24px;
/*position: relative;*/
}

Answer 2

这不是由浮点数引起的，而是由浮点数引起的div.t2- 它覆盖了您的输入。试着用它做点什么。可能最简单的方法是将提交按钮移动到另一个 div。

Answer 3

您有一个div与您的class=t2所有内容重叠的内容。你需要做什么：

• 一 从 中取下 divdiv class="buttons"并将其放在后面。

• 两个为您的班级添加此属性.t2：

    .t2 {
        clear:both;
        text-align:right;
    }
  

在您的页面中测试