ie 8增加了不必要的顶部和底部填充

即8增加了不必要的填充到div。我在这里看不到任何不寻常的造型。有人可以帮忙吗？ie 8增加了不必要的顶部和底部填充

enter image description here

的Html

股利蓝色highlighed是一个在上下文中。

enter image description here

.block { 
    clear: both; 
} 

.inline { 
    float: left; 
    clear: none; 
    padding: 0; 
} 

div.content { 
    padding: 0 18px 0 0; 
}

下面是HTML代码，将重现此问题。对不起，长度。但是，如果您将其复制到html文件并在ie8中打开它，则可以重现该文件。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 

<style> 
    .block { 
     clear: both; 
    } 

    div.block .inline:last-child { 
     float: none; 
     overflow: hidden; 
    } 

    div.content-root { 
     padding: 0 0 0 18px; 
    } 

    .inline { 
     float: left; 
     clear: none; 
     padding: 0; 
    } 

    div.content.input-container { 
     padding-right: 0; 
    } 

    div.content { 
     padding: 0 18px 0 0; 
    } 
</style> 

</head> 
<body> 
    <div id="contentPane" style="background-color: transparent; display: block;"> 

    <form> 
     <div class="block content-root"> 
     <div class="block"> 
      <div class="block"> 
      <div class="block"> 
       <div class="inline"> 
       <label> 
        <div class="block"> 
        <div class="inline content input-container"> 
         <input type="checkbox" /> 
        </div> 
        <div class="inline"> 
         <div class="block"> 
         <div class="block"> 
          <div class="inline" style="float: left;"> 
          <div class="block content"> 
           <p> 
           <span style="font-family: arial; font-size: 11pt;">C. </span> 
           </p> 
          </div>             
          </div> 
          <div class="inline"> 
          <div class="inline"> 
           <p><span>Correct</span></p> 
          </div> 
          </div> 
         </div> 
         </div> 
        </div> 
        </div> 
       </label> 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 
    </form> 

    </div> 
</body> 
</html>

来源

2013-04-09 ShaggyInjun

请发布简化的[jsFiddle]（http://jsfiddle.net）显示问题 – Adrift 2013-04-09 21:01:29

http://jsbin.com/#/uxuwoy/1/edit 请使用chrome打开示例。 – ShaggyInjun 2013-04-09 21:25:22

感谢@Adrift，我看到你删除了你的答案。你会发布你所谈论的图书馆的链接吗？ – ShaggyInjun 2013-04-09 21:41:45

默认情况下，段落标记有其自己的边距。

如果你写

<p style="margin:0px;">

上方和下方字的“填充”“正确的”去。

来源

2013-04-09 21:26:55

ie 8增加了不必要的顶部和底部填充

回答

相关问题