首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >IE中的间距混乱(html/css问题)

IE中的间距混乱(html/css问题)
EN

Stack Overflow用户
提问于 2012-02-24 19:55:58
回答 1查看 161关注 0票数 0

很抱歉,我通常对HTML/CSS没问题,但我被困在这个问题上了。

基本上,我有一个标题,下面有导航,然后是一个小空间,后面是网站内容的区域。它在Firefox中工作得很好,但令人恼火的是,在IE中,这么小的空间变得相当大。在indexbody类中降低margin top的值可以修复IE的问题,但却完全消除了Firefox的任何差距。

我的代码在这里。如果需要,我可以提供更多:)

感谢提前加载!:)

*编辑掉的代码:参见http://jsfiddle.net/eoJ1/PRjF7/http://www.joemarketeer.com/stackoverflow/index.html :)

再次感谢!很抱歉,这段文字太长了。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-02-24 22:13:19

这是因为IE在你的“导航”目录中注册了高度,而且你还使用了空白符: 90px来添加间距。而其他浏览器忽略了“导航”高度,基本上只使用内容区域上的页边距top:90px。

在具有浮动的导航div上使用clearfix,然后在导航上使用“margin bottom: 30px”,而不是在内容区域上使用“margin top:”。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9430335

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档