Question

我正在使用WordPress和Susy网格在博客网站上工作。页面顶部（link）附近有一个<p>标记（含有轻微亵渎）padding-top: 4em。不知何故，这个填充在前两个兄弟姐妹之下滑落，<h1>和<div>。 html如下：

<h1 class="entry-title">A Manifesto, of Sorts</h1>
    <div class="entry-meta">
        <span class="posted-on"><a href="http://howtolearnalanguagelikeaboss.com/?p=6" rel="bookmark"><time class="entry-date published updated" datetime="2015-11-22T02:07:31+00:00">November 22, 2015</time></a></span>       </div><!-- .entry-meta -->
</header><!-- .entry-header -->

<div class="entry-content">
    <p id="manifesto">F--- Berlitz. F--- Rosetta. Do it yourself and do it in style.</p>

此元素的样式如下：

#manifesto {
  text-align: center;
  font-style: italic;
  font-weight: 300;
  padding: 2em 0 1em 0;
}

我可以使用Chrome检查器判断<p>是否真的高并且padding-top（检查器中绿色突出显示的区域）是在<h1>兄弟之上。我很难过......我试过margin-top并且发生了同样的问题。谁能解释出了什么问题？我的风格并不太复杂，我不认为，所以我不确定什么可能是相互矛盾的。非常感谢任何帮助。

谢谢，
戴夫

Answer 1

在main.css:457,458中：

header {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

标题上有float: left;。这有效地将其从正常的内容流中取出。停止浮动该标题元素，或在其后执行clear。

Answer 2

尝试：

const std::vector<int> extentsVector; //pretend this is initialized
int stride = 1;
for (int i=0; i<k; ++i){
    stride *= extentsVector[i];
}

在上面两个兄弟姐妹的情况下，<p>的填充顶部和高度消失

2 个答案: