Question

作为第一个标签插入部分＆gt;内的任何标签（p＆gt;，div＆gt;，h3＆gt;） #firstentry在标题上方添加空行。检查了所有CSS，不是它的HTML。如果我删除div＆gt; （在代码示例中标有****）空行消失。如果我使用任何其他标签，则相同，但b＆gt;除外，与其他页面相同。我想我在#firstentry部分做错了。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Anna Putane | Designer</title>  
    <link rel="stylesheet" href="css/normalize.css">    
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">     
    </header>
      <div id="wrapper">
        <section id='firstentry'>
          ****<div class="entry">****         
              <b style="font-size:19px;">How I became</b>
              <p>Like many of us, I've been dreami

Answer 1

CSS float: left;选择器中的header属性负责标题上方的空白区域。

float:left表示header应该在左侧浮动以下内容。因此，header和section应并排显示。如果是这样，margin-top课程的entry会通过section，header上方会有空白空间。只是因为您已将header设置为width: 100%;，所以容器已堆叠：这是一个精简的jsfiddle：http://www.jsfiddle.net/9D4x6/7。有关CSS框模型的更多详细信息，请参阅：http://www.w3.org/TR/css3-box。

Answer 2

在你的演示中，在第190行的css中你有

.entry{
    margin-top: 40px;   
}

我在这里评论了它，然后离开了<div class="entry">。这就是你想要的吗？ http://jsfiddle.net/9D4x6/5/

在HTML部分中添加标记时，在标题上方添加空白行

2 个答案: