Html css浮点不取消

我有5个段落标记，它们都使用CSS类浮动在一起

当我添加我的第6段标记时，我假设并希望它向下移动，但是它在其他5段旁边浮动

我创建了这个JSFIDLE，这样你就可以看到我到目前为止的成果，

基本上我正在尝试设计我自己的标签栏

这是新的，所以我希望我能正确地解释它。谢谢您的耐心。

试试这个：

---

当浮动元素彼此相邻时，如果希望其中一些元素占据整行（充当“块”元素），则需要使用

clear:both

也可以使用clear:left来清除float left

*{
保证金：0；
填充：0；
}
html{
字体大小：100%；
}
身体{
字体：62.5%/1.5 Verdana，Arial，Helvetica，无衬线；
颜色：#000000；
背景#6D9BF1；
填充：20px；
}
#包装纸{
字体大小：1.2米；
线高：1.5em；
背景色：#ffffff；
宽度：700px；
左边距：自动；
右边距：自动；
}
p{
边缘底部：1.5em；
}
p、 换行符{清除：左；}
p、 丝带{
浮动：左；
填充：5px10px 5px10px；
字体大小：粗体；
}
p、 功能区：悬停{
背景色：#87CEEB；
颜色：白色；
}
p、 重置{
浮动：无；
}

在此处输入标题
函数newfunction（）{
}
主页

历史
位置

照片

联系我们
这是测试信息
这是测试信息

感谢您的帮助。请将您的代码直接放在问题中。如果需要有关格式化代码的帮助，请参阅或单击？在富文本编辑器中。