当使用display:inline块时，html元素呈现不是很完美

我想用一个例子来说明这个问题。 在这里，我写了一个如下的标记

<header>this is header-position is fixed</header>
<section id="one">
  <aside>why just a simple text taking me down!?</aside><!--
  --><section id="sub"></section>
</section>
<footer>
</footer>

问题是，这些元素并没有按预期生成

---

主要问题在于

内联块
项需要垂直对齐，因为它们的默认值是
基线

添加以下内容：

aside {
  vertical-align: top;
}

#sub {
  vertical-align: top;
}


内联块
项需要垂直对齐，因为它们的默认值是
基线

添加以下内容：

aside {
  vertical-align: top;
}

#sub {
  vertical-align: top;
}


只需将
float:left
添加到旁边，它就会被修复

只需将
float:left
添加到旁边，它就会被修复

我更喜欢将垂直对齐添加到这些元素的父元素中（第>*{vertical align:top；}节），因此，如果将来有更多元素，您将不需要编写额外的样式paul和@Veselin，感谢您提供的宝贵信息。！如果我在节中提供任何信息，它将更改布局…（提问后，刚刚解决问题！）（没有垂直对齐声明…！）我更喜欢将垂直对齐添加到这些元素的父元素（节>*{vertical align:top；}），因此如果将来有更多元素，您无需再编写额外的stylesPaul和Veselin，谢谢您提供的宝贵信息。！如果我在部分中提供任何信息，它将更改布局…（在提问后，刚刚解决了问题！）（没有垂直对齐声明！）谢谢兄弟。。！但是，实际上只需要使用“display”属性就可以得到帮助。对不起。我没有提到。！谢谢你，伙计。。！但是，实际上只需要使用“display”属性就可以得到帮助。对不起。我没有提到。！