html - IE 7 问题 HTML/CSS

Question

嘿，你们好，我在使用 IE 7 时遇到问题...。我有一个标题和一些文本，在 Firefox 中，即 8、9，Chrome 之间有一些空间。但是在 IE 7 中不是。

http://jamessuske.com/thornwood2/

HTML代码

<div class="contentHeader">

 Thornwood Fine Homes

</div><!--contentHeader-->

<div class="contentTextIndex">

<p>In hac habitasse platea dictumst. Curabitur sed augue eget elit tristique venenatis. In ligula dui, facilisis in varius vitae, ullamcorper at risus. Mauris dictum aliquam massa, in elementum lacus vehicula quis. Aliquam erat volutpat. Aenean velit enim, rutrum ut laoreet ac, convallis eu orci. Etiam ac justo iaculis nunc iaculis mattis. Nam porta, lacus ac lobortis congue, leo nunc scelerisque leo, a sodales odio neque nec ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel sem eu eros congue elementum in tincidunt neque. </p><p>Cras sed pretium quam. Morbi metus lorem, pulvinar a lacinia sed, molestie at ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec et justo metus, id vehicula erat. Nam ullamcorper mattis accumsan. Phasellus euismod egestas posuere. Nulla sed leo nulla. In sagittis interdum justo, ornare euismod ligula lacinia ac. Aliquam erat volutpat. </p>

</div><!--contentTextIndex-->

CSS 代码

.contentHeader{
font-family:Verdana, Geneva, sans-serif;
font-size:36px;
margin:0px;
padding:0px;
}

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
}

感谢您的帮助:)

Answer 1

这是因为浏览器对各种元素有不同的默认外边距，像这样显式设置就可以了

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
margin:10px 0px;
}