Html 侧边栏没有向右浮动

Html 侧边栏没有向右浮动,html,css,Html,Css,我试图用浮动边栏解决这个问题 我创建了一个博客风格的网站,在文本的右边有侧边栏。第一页运行良好,当更改第2页的帖子时,侧边栏不再向右浮动。有人能告诉我为什么会这样吗?谢谢 *{ 保证金:0; 填充:0; 框大小:边框框; } .集装箱{ 宽度:1148px; 保证金:20px自动; } .博客帖子{ 宽度:80%; /*背景色:rgba(100134134.2)*/ 浮动:左; 右侧填充:30px; 位置:相对位置; } .其他员额{ 显示:内联块; 宽度:20%; /*背景色:rgba(10

我试图用浮动边栏解决这个问题

我创建了一个博客风格的网站,在文本的右边有侧边栏。第一页运行良好,当更改第2页的帖子时,侧边栏不再向右浮动。有人能告诉我为什么会这样吗?谢谢

*{
保证金:0;
填充:0;
框大小:边框框;
}
.集装箱{
宽度:1148px;
保证金:20px自动;
}
.博客帖子{
宽度:80%;
/*背景色:rgba(100134134.2)*/
浮动:左;
右侧填充:30px;
位置:相对位置;
}
.其他员额{
显示:内联块;
宽度:20%;
/*背景色:rgba(100,10134,2)*/
浮动:左;
}
.clearfix:之后{
内容:“.”;
可见性:隐藏;
显示:块;
身高:0;
明确:两者皆有;
}
h1,
氢{
利润率:20px0;
}
p{
文本对齐:对齐;
边缘底部:15px;
线高:130%;
}
.作者框{
边框顶部:1px实心#808080;
填充顶部:20px;
垫底:20px;
}
.其他{
边缘底部:30px;
}
.作者文本{
字体大小:22px;
浮动:左;
利润率:30px 10px;
}
.作者框img{
高度:100px;
宽度:100px;
边界半径:50%;
浮动:左;
边缘底部:20px;
}
.日期{
位置:绝对位置;
顶部:30px;
右:30px;
}
.其他a{
文字装饰线:无;
}

使用CSS/a博客进行测试
这是我的第二个博客
2019年4月9日

是的,我们又在谈论德尔芬斯了。

Lorem ipsum door sit amet,concetetur adipising elit,sed do eiusmod temporal incident ut labour and dolore magna aliqua。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车 无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘的无缘。除偶尔因疏忽而死亡外,还必须因工作过失而受到劳动的伤害。同一知识不受惩罚,不受惩罚 Elite说,我们暂时不需要劳动和金钱。但是,在最低限度上,我们需要一个实验室来进行日常工作。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。但是,我们必须从最低限度开始,在公共场所进行实验室实习 康塞奎特。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡

珍妮特·冈萨雷斯女士


看起来您缺少了
的结束标记。插入一个结束标记,我想你会得到你想要的

*{
保证金:0;
填充:0;
框大小:边框框;
}
.集装箱{
宽度:1148px;
保证金:20px自动;
}
.博客帖子{
宽度:80%;
/*背景色:rgba(100134134.2)*/
浮动:左;
右侧填充:30px;
位置:相对位置;
}
.其他员额{
显示:内联块;
宽度:20%;
/*背景色:rgba(100,10134,2)*/
浮动:左;
}
.clearfix:之后{
内容:“.”;
可见性:隐藏;
显示:块;
身高:0;
明确:两者皆有;
}
h1,h2{
利润率:20px0;
}
p{
文本对齐:对齐;
边缘底部:15px;
线高:130%;
}
.作者框{
边框顶部:1px实心#808080;
填充顶部:20px;
垫底:20px;
}
.其他{
边缘底部:30px;
}
.作者文本{
字体大小:22px;
浮动:左;
利润率:30px 10px;
}
.作者框img{
高度:100px;
宽度:100px;
边界半径:50%;
浮动:左;
边缘底部:20px;
}
.日期{
位置:绝对位置;
顶部:30px;
右:30px;
}
.其他a{
文字装饰线:无;
}

这是我的第二个博客
2019年4月9日

是的,我们又在谈论德尔芬斯了。

Lorem ipsum door sit amet,Concetetur adipising elit,sed do eiusmod 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。两人或两人在一起,在一起,在一起,在一起,在一起,
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责,因为他是一个勇敢的人 暂时性的劳工和财产损失。我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责。 我们在这里吃得很少, 他在乌拉姆科实验室实习,并在普通实验室实习 康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者 纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外 傲慢的人,必须为自己的行为负责

珍妮特·冈萨雷斯女士


您能否将此代码减少到显示问题的最小代码量?这将使问题更容易解决(如此之多以至于你自己可能会意识到答案)。是的,这个建议也会有所帮助。