Html 为什么我的旁白在网页上那么少？

我正在与CSS斗争。在这方面，有谁能帮助我理解为什么“旁白”不在图片炮位下方的右侧浮动？为什么它在页面中的位置这么低

谢谢你的建议

HTML

---

LC

只需添加

clear：两者都有并像在演示中一样修改html

aside.about {
float: right;
width: 238px;
background-color: #b7c4b1;
margin: 3pt 6pt 3pt 6pt;
clear: both;
}

Html


只需添加
清除：两者都有并像在演示中一样修改html

aside.about {
float: right;
width: 238px;
background-color: #b7c4b1;
margin: 3pt 6pt 3pt 6pt;
clear: both;
}

Html


由于您的文章被向左浮动，而您的旁白在文档中的位置较低，因此

浮动箱的外顶部不得高于外顶部
由项目早期的元素生成的任何块或浮动框的
源文件

解决方法是在文档中向上移动您的旁白元素：


<article class="story"></article>
<article class="story"></article>
<aside class="about"></aside>
<article class="story"></article>

因为您的文章被向左浮动，而您的旁白在文档中的位置较低，所以

浮动箱的外顶部不得高于外顶部
由项目早期的元素生成的任何块或浮动框的
源文件

解决方法是在文档中向上移动您的旁白元素：


<article class="story"></article>
<article class="story"></article>
<aside class="about"></aside>
<article class="story"></article>


像这样？没错！非常感谢。需要所有这些代码才能重现问题？此外，hgroup已被弃用（请参阅：），感谢您的评论。我从页面上删除了所有的hgroup标签。像这样？没错！非常感谢。需要所有这些代码才能重现问题？此外，hgroup已被弃用（请参阅：），感谢您的评论。我从页面中删除了所有hgroup标记。非常感谢您帮助解决我的问题，特别是解释。非常感谢您帮助解决我的问题，特别是解释。
<article class="story"></article>
<article class="story"></article>
<aside class="about"></aside>
<article class="story"></article>