html - IE10的DIV位置问题

Question

你知道为什么在 IE10 上我的“错误”消息与表单中的“Envoyer/Submit”按钮重叠，以及如何解决这个问题？它在 safari 上运行良好，所以不确定问题是什么。.error 也有一个float: left但似乎不起作用。这是一个 JSFiddle：http: //jsfiddle.net/u6Kre/

谢谢你的帮助

.error {
    position: absolute;
    display: none;
    display: block;
    background: #EF6666;
    display: inline;
    padding: 3px 10px 3px 10px;
    top: 210px;
    float: left;
}

表单看起来不正常（即使用 IE10）

表格看起来不错（即使用 Safari）

Answer 1

.error {
    position: absolute;
    display: none;
    display: block;
    background: #EF6666;
    display: inline;
    padding: 3px 10px 3px 10px;
    top: 210px;
    left:0px;
}

Answer 2

您不需要float: left绝对位置，display: inline也不需要 as ，绝对定位的元素被视为display: block，请执行以下操作：

.error {
    position: absolute;
    background: #EF6666;
    padding: 3px 10px 3px 10px;
    top: 210px;
    left: 0; //to show it on left
}