Html 浮动元素下降到另一个浮动元素下方

我想知道为什么

main

文章会放在

sidebar1

下面，为什么

sidebar2

会出现在

sidebar1

旁边

main

文章向左浮动，没有宽度

在

侧边栏1

旁边怎么没有足够的空间来放置它

解释一下原因会大有帮助

*{
-moz框大小：边框框；
框大小：边框框；
}
.侧边栏1{
背景色：青色；
浮动：左；
宽度：20%；
填充：0 20px 0 10px；
}
梅因先生{
背景颜色：绿色；
浮动：左；
}
.侧边栏2{
背景色：红色；
}

边栏1
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
elit risus是侵权人

二级收割台
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

二级收割台
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

文章标题
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
elit risus是侵权人。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在《法雷特拉》中，厄洛斯·伊普雷特拉·卢克图斯·伊普雷特拉、努克·西姆·法雷特拉·米、维尔·福西布斯·艾利特·里苏斯·伊德托尔

以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
elit risus是侵权人。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

副标题
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
elit risus是侵权人。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

副标题
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
elit risus是侵权人。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在pharetra中，eros imperdiet luctus imperdiet，nunc sem pharetra
我是一名侵权人。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食，卢克图斯帝国饮食，
nunc sem pharetra mi，这是一种侵权行为。以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯统治着饮食
luctus imperdiet，nunc sem pharetra mi，vel faucibus Elite risus id tor

边栏2

埃尼安奥奇安特酒店
维内那提斯非阿迪皮斯维塔酒店
弗林利亚和内克
埃尼安奥奇安特酒店
维内那提斯非阿迪皮斯维塔酒店
弗林利亚和内克

以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食卢克图斯帝国饮食，nunc sem法雷特拉米，维尔福西布斯
这是一个侵权人的权利。在《天妇罗》中，是一种生命的暂停

塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在《法雷特拉》中，厄洛斯·伊普雷特拉·卢克图斯·伊普雷特拉、努克·西姆·法雷特拉·米、维尔·福西布斯·艾利特·里苏斯·伊德托尔、维塔·奎姆·勒姆、，
在坦帕斯·维利特。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在《法雷特拉》中，厄洛斯·伊普雷特拉·卢克图斯·伊普雷特拉、努克·西姆·法雷特拉·米、维尔·福西布斯·艾利特·里苏斯·伊德托尔

您在这里遗漏了一些内容：

将

content

的宽度设置为80%（正如您将

sidebar1

设置为20%），因为否则浮动框的宽度将由其内容决定，然后

用以下方法清除

内容后的浮动：

<div style="clear:both"></div>


边栏1
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在《法雷特拉》中，厄洛斯·伊普雷特拉·卢克图斯·伊普雷特拉、努克·西姆·法雷特拉·米、维尔·福西布斯·艾利特·里苏斯·伊德托尔

二级收割台
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

二级收割台
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品

文章标题
以天妇罗为主调的生活吊牌。塞德·维塔·安特·奎斯·菲利斯·弗林蒂利亚调味品。埃尼安·奥奇·安特、维内纳蒂斯·阿迪皮斯·维塔、弗林蒂利亚和内克。在法雷特拉，厄洛斯帝国饮食，卢克图斯帝国饮食，