Html 由于h1标签，IE7中存在空间_Html_Css_Internet Explorer 7

Html 由于h1标签，IE7中存在空间

html css

Html 由于h1标签，IE7中存在空间,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,在IE7中，在问题和选项之间创建了一个额外的间距，但仅针对第一个问题。如果删除标题，则间隙消失。这在IE8中不会发生。原因是什么？我如何让它在IE7中工作 <!DOCTYPE HTML> <html> <head> <style type="text/css"> .question { padding-bottom: 25px; } .questionNumber { width:30px; float:l

在IE7中，在问题和选项之间创建了一个额外的间距，但仅针对第一个问题。如果删除

标题，则间隙消失。这在IE8中不会发生。原因是什么？我如何让它在IE7中工作

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        .question { padding-bottom: 25px; } 
        .questionNumber { width:30px; float:left; } 
        .questionText { float:left; margin-bottom:5px; }
        .options { clear:both; margin-left:30px; } 
    </style>
</head>

<body>
    <h1>Survey</h1> <!-- if this line is removed, the gap disappears -->
    <div class="question">
        <div class="questionNumber">1)</div>
        <div class="questionText">Question 1:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

    <div class="question">
        <div class="questionNumber">2)</div>
        <div class="questionText">Question 2:</div>
        <div class="options">
            <input type="radio">Option 1 <br>
            <input type="radio">Option 2 <br>
            <input type="radio">Option 3 <br>
            <input type="radio">Option 4 <br>
        </div>
    </div>

</body>
</html>


.问题{填充底部：25px；}
.questionNumber{宽度：30px；浮点：左；}
.questionText{float:左；边距底部：5px；}
.options{clear:两个；左边距：30px；}
调查
1)
问题1：
选项1

选项2

选项3

选项4

2)
问题2：
选项1

选项2

选项3

选项4

在h1上重置样式，可能是线条高度将其向下推

h1 {
line-height:0;
margin:0;
padding:0;
}

我建议使用重置样式表，因为这样可以省去调试过程中的麻烦

将此样式：

h1{
margin:0;
padding:0;
}

注意：您正在使用html5 DOCTYPE。HTML5不支持低版本ie。

在h1上重置样式。就这样

h1 {
  padding: 0;
  margin: 0;
  display: block;
  clear: both;
}

我想这可能对你有帮助。试试看。

是浮动导致了问题。从

的声明中删除float:left
。questionText

HTML5 doctype在这里是不相关的。好的，它是边距（特别是边距底部）。必须将边距设置为0，并对间距使用填充。这对我的情况有效，但出于好奇，如果出于任何原因无法将边距设置为0，我该怎么办？按照另一篇文章的建议尝试了一点线条高度，但似乎不起作用。当你说线条高度：0时，我应该真的将其设置为0，还是可以将其设置为其他值？将其设置为0确实会弄乱布局。我遗漏了什么吗？只需删除行高：0并检查它。其他内容将是相同的。我明白了，这可能是一个更准确的答案。那么，我应该把它看作IE7 bug吗？如果我想在那里使用

float:right

怎么办？