CSS IE 与 Firefox 中的边距问题
我正在尝试用 HTML/CSS 制作横幅。然而，我在处理我的一个 div 的边距时遇到了问题。它在 Firefox 中完美运行，但在 IE 中却不行。
#lowerText{
float: left;
margin-top: 50px;
margin-left: -185px;
color: rgb(255, 199, 142);
font-family: 'Special Elite', cursive;
font-size: 15px;
text-transform: uppercase;
display:inline;
}
#upperText{
float: left;
margin-left: 20px;
margin-top: -10px;
color: rgb(255, 199, 142);
font-family: 'Special Elite', cursive;
font-size: 30px;
text-transform: uppercase;
display:inline;
}
它是 #lowerText 中的一个 h3 标记，表示“-Foo foo foo bar”。在 IE 中它只显示：“oo bar”。此 div 中的文本必须位于 #upperText 正下方的特定位置。但是#lowerText中的margin-left: 185px在IE中不显示，但在Firefox中显示。
我需要做什么来解决这个问题？
I'm trying to make a banner in HTML/CSS. However, I'm having trouble with the margins in one of my div's. It works perfectly in Firefox, but not in IE.
#lowerText{
float: left;
margin-top: 50px;
margin-left: -185px;
color: rgb(255, 199, 142);
font-family: 'Special Elite', cursive;
font-size: 15px;
text-transform: uppercase;
display:inline;
}
#upperText{
float: left;
margin-left: 20px;
margin-top: -10px;
color: rgb(255, 199, 142);
font-family: 'Special Elite', cursive;
font-size: 30px;
text-transform: uppercase;
display:inline;
}
It's an h3 tag in #lowerText which says "-Foo foo foo bar". In IE it only shows: "oo bar". The text in this div HAS to be right underneath #upperText at a specfic position. But the margin-left: 185px in #lowerText doesn't show in IE, but it shows in Firefox.
What do I need to do to fix this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在您的评论中，您声明您的 jsfiddle 在 IE 中工作。 jsfiddle 自动插入一个文档类型，我现在假设您的原始页面中没有该文档类型。如果是这样，IE 处于怪异模式，没有文档类型和问题原因（除了 IE 是地球上最糟糕的浏览器之外）。
编辑：没有先看。 jsfiddle 显示文档类型。你把它放在那里了吗？
In your comment, you state your jsfiddle works in IE. jsfiddle auto inserts a doctype which I now assume you do not have in your original page. If so, IE is in quirks mode without the doctype and the cause of your problem (other than IE being the worst browser on the planet).
EDIT: Didn't look first. jsfiddle shows a doctype. Did you put that there?