css - hidden div在IE中的位置有很大的空白
任何想法，我如何摆脱我的IE浏览器上的空白。它是由隐藏的div引起的。当我删除div时，空格就消失了。在FF中工作正常。
以下是DIV：
<div class="hidden" id="popup">
<div>
<H1 class="center" id="popupTitle"></H2><br/><br/><br/>
<div style="position:relative; display:inline;">
<p id="popupText" style="float: left"></p>
<img id="popupImage" style="float: right"></img>
</div>
</div>
</div>以下是与其关联的样式：
.ofCommunications .hidden { display:none; visibility: hidden; }我还试图让第三个div中的p和img显示在同一行上，但似乎也不起作用。
先谢谢你，卡罗琳
回答 4
Stack Overflow用户
发布于 2012-10-11 02:53:29
间距问题很可能是由不正确的闭合标记("")以及同时使用display: none和visibility: hidden；
可见性会导致元素仍然占用空间，因此您需要摆脱这种样式。
如果您进行了这些调整，那么它应该可以工作，除非您有其他在提供的代码中看不到的问题(例如：.hidden的父容器有一个拼写错误的类名)。
提示:切勿使用< br/ >标签创建空格。它们只用于打破文本。去掉display: inline；和position: relative；放在你的另一个< div >上，因为把它放在那里是没有意义的(默认是相对定位)。所有标签都是小写的。大写的标签是很久以前的事情了，不是很理想。
Stack Overflow用户
发布于 2009-09-24 16:18:59
有几条评论。一旦你清理了它，它可能会帮助解决这个和其他未来令人头疼的问题：
删除内联样式并将其放入样式表中。
第二个div在隐藏的div下做什么？在我看来，这是多余的，也是不必要的。去掉它。
如果你是浮动元素，那么你需要在整个过程中清除它们。这可能就是为什么你会把东西放在错误的地方。
你有没有在图片旁边显示:阻止p元素并给它一个宽度？否则它无论如何都不会浮起来。
您的h1不应为大写。
希望这几个建议能有所帮助。
Stack Overflow用户
发布于 2009-09-24 16:35:30
尝试执行以下操作，将<p>和<img>排列在一起：
<div>
<p id="popupText" style="float: left"></p>
<p style="float: right"><img id="popupImage" /></p>
</div>我删除了position: relative，因为您提供的代码不需要它，还删除了display: inline，因为内联div没有任何意义。
https://stackoverflow.com/questions/1472713
复制相似问题
腾讯云开发者
