Css 如何在页面上更有效地使用div标记？_Css_Html_Iframe

Css 如何在页面上更有效地使用div标记？

css html iframe

Css 如何在页面上更有效地使用div标记？,css,html,iframe,Css,Html,Iframe,我有以下html： <body> <div id="content"> <div class="mainlogo"> <div class="logo"> <a href="http://somepage.com/"><img src="images/image.jpg" border="0"/></a> <

我有以下html：

 <body>           
   <div id="content">
      <div class="mainlogo">
         <div class="logo">
            <a href="http://somepage.com/"><img src="images/image.jpg" border="0"/></a>
         </div>
         <div class="content-name">
           <h1>Content One</h1>
         </div>
      </div>
      <div id="compinfo">
         <h1>Information.....</h1>
      </div>
      <div class="frame">
         <div class="iframe">
            <iframe src="somecontent.html/"></iframe>
         </div>
      </div>
   </div>
</body

加载页面时，带有文本的徽标部分和部分之间会有一些额外的间隙

什么可能是错的？我怎样才能更正它，使徽标部分和部分之间不会出现间隙

谢谢

默认情况下，标题标签上有边距，请尝试将边距零添加到h1标签。这可能是造成差距的原因

h1 {
margin: 0;
}

需要所有这些代码才能重现问题？您是否尝试检查元素以查看是否应用了任何默认样式？这与答案无关：但请小心使用iFrame。使用PHP，您可以在其他页面中加载页面，而无需重新加载页面的其余部分。假设您在每个页面上使用相同的模板，大多数浏览器甚至只会加载更改的部分

h1 {
margin: 0;
}