为什么下面的代码在 FF 中将提交按钮放在单独的行上,而在 IE 中却放在同一行上?
<style type="text/css">
#div1 form input.submit {display:block;}
</style>
<div id="div1">
<form>
hi
<input type="submit" class="submit" value="hello there">
</form>
</div>
最佳答案
发生这种情况的原因是您缺少 <body>
打开标签。当 <body>
开放标记在 HTML 中未明确显示,IE(至少 6 个)会错误渲染文档树和任何涉及 form
的选择器元素无法正常工作。
Here ,我添加了 body 标签,它起作用了。
就yesterday I documented pretty much the same bug 。看来我必须更新描述,不仅要考虑到表单由于缺少 body 标签而无法设计样式,而且还考虑到选择器中的其他元素也无法设计样式。
正如 doctororange 所指出的,您可以通过不指定 form
来解决此问题。也在选择器中,但我建议您输入 <body>
标签。
关于html - IE中的提交按钮和显示 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3832634/