gpt4 book ai didi

css - Internet Explorer 7 中不需要的边距问题

转载 作者:太空宇宙 更新时间:2023-11-04 04:35:27 25 4
gpt4 key购买 nike

我在 Internet Explorer 7 中遇到一个奇怪的问题,它显示的标题距离顶部很远。该问题在其他浏览器或较新版本的 IE 中不存在。

我应该怎么做才能使其正确?

Chrome 版本:
Most of browsers show what exactly should show!
IE 7 版本:
IE puts some space above the title.

HTML

<div class="box">
<header class="module-title">
<h2 class="title">گزارش و مصاحبه</h2>
</header>
<section class="module-content">
<ul class="sidebar-news">
<li>
<div class="image-holder">
<img src="img.jpg" alt="Test item">
</div>
<h3><a class="moduleItemTitle" href="#">Copy of مصاحبه با معاون صدا درباره راديو كتاب</a></h3>
.
.
.

</li>
</ul>
</section>
</div>

CSS

.module-title h2 { margin-top: 0; font-size: 26px; line-height: 30px; } 
.sidebar-news { list-style: none; margin: 0; }
.sidebar-news h3 { font-size: 20px; line-height: 26px; margin-top: 0; }
.sidebar-news .image-holder { width: 140px; float: right; margin-left: 10px; }

更新 1: 我通过将 *margin: -20px;.sidebar-news h3 来修复它,但我不喜欢我的解决方案!为什么会这样?有什么东西可以弥补这个差距吗?

最佳答案

您需要在 IE7 中应用 float 属性来实现这一点。

.module-title h2 { margin-top: 0; font-size: 26px; line-height: 30px; } 
.sidebar-news { list-style: none; margin: 0; border:1px solid red; float:left; }
.sidebar-news .image-holder{ float:right;}
.sidebar-news h3 { font-size: 20px; line-height: 26px; margin:0px; padding:0px; float:left; }
.sidebar-news .image-holder { width: 140px; float: right; margin-left: 10px; }

关于css - Internet Explorer 7 中不需要的边距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16527789/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com