Html 如何在主要内容的右侧放置一个边栏?

Html 如何在主要内容的右侧放置一个边栏?,html,css,Html,Css,我正在创建一个自助网站,仅供练习之用。在我的主要内容(不包括标题和页脚)的右侧放置“旁白”列(包含历史上的相关引用)时遇到问题 “float”属性将aside列放在所有内容的右侧,但将其放在底部。我曾尝试使用“flexbox”,这似乎解决了“aside”元素的问题,但它将页脚垂直放置在内容顶部(覆盖部分),而不是水平放置在底部,同时将页眉移动到内容的左侧(它应该位于静态导航栏下的顶部)。这就是它所做的: 有人能帮我吗?我真的很感激 正文{ 显示器:flex; 宽度:800px; 高度:自动;

我正在创建一个自助网站,仅供练习之用。在我的主要内容(不包括标题和页脚)的右侧放置“旁白”列(包含历史上的相关引用)时遇到问题

“float”属性将aside列放在所有内容的右侧,但将其放在底部。我曾尝试使用“flexbox”,这似乎解决了“aside”元素的问题,但它将页脚垂直放置在内容顶部(覆盖部分),而不是水平放置在底部,同时将页眉移动到内容的左侧(它应该位于静态导航栏下的顶部)。这就是它所做的:

有人能帮我吗?我真的很感激

正文{
显示器:flex;
宽度:800px;
高度:自动;
右边距:自动;
左边距:自动;
文本对齐:居中;
字体系列:garamond,衬线;
}
#导航栏{
位置:固定;
右:0;
左:0;
}
.链接{
利润率:8px;
填充:16px;
背景颜色:橙色;
-webkit边界半径:75%;
文字装饰:无;
颜色:黑色;
字号:900;
过渡:不透明度0.5s线性;
}
.链接:悬停{
不透明度:0.30;
宽度:
}
标题{
字体大小:25px;
填充顶部:30px;
颜色:橙色;
文本阴影:8px 8px 16px灰色;
}
#第一节{
填充顶部:8px;
}
#第2节{
填充顶部:16px;
填充底部:16px;
}
第p节{
文本对齐:对齐;
}
#亚洲2{
文本对齐:居中;
}
旁白{
字体大小:12px;
宽度:15%;
文本对齐:对齐;
浮动:对;
}
页脚{
证明内容:之间的空间;
背景色:#D3;
字体大小:12px;
填充:8px;
}

自助商场
自助商场
您可信赖的自助资料来源
Lorem ipsum dolor sit amet,是一位杰出的献身者。在tempus,大前庭的精英,猫科动物pulvinar velit,malesuada faucibus,lacus和arcu。这是一个很好的例子。不属于封建的别有用心。在accumsan,我和convallis ullamcorper,turpis leo pretium justo,非tincidunt mi est vitae purus。这是一种特殊的节杖,它的矢状体只是一个连续的前庭,中间是一个连续的前庭。阿利夸姆·ac·弗林尼利亚·拉库斯(Aliquam ac fringilla lacus),这是一个权杖。无尾浮雕。这是一个很好的例子。这是一个伟大的时代,也是一个封建时代。我不知道该怎么办。无欧盟前欧盟的尼西accumsan权杖。无味和无味,调味品奥迪欧埃吉特,阿利奎特sem。努克·奥纳尔·帕特·乌尔纳·乌尔纳(Nunc Ornar)是一个封建国家

梅塞纳斯·利奥·伊普苏姆(leo ipsum)是一名律师,他是一名律师。在莱克托斯,时间和自由是暂时的。三色葡萄,我的发酵剂,我的口腔,我的大胃,我的大胃。Nam iaculis odio vel gravida egestas。威尼斯人前庭是一种非奥奇动物。我们是狮子座,我们是高级,我们是高级。埃蒂亚姆·鲁特鲁姆在东部。乌拉姆·科珀·莱克图斯的生命。两个人在一起,一个人在一起。请记住,这是一个很好的例子。Mauris commodo tortor ac Elite euismod facilisis

肺动脉门前庭。在乌特萨皮安的费利斯·尤尔奥古斯·费吉亚·乌兰科珀(augue feugiat ullamcorper)。佩伦茨克孕妇厄洛斯·非智人康瓦利斯·乌兰科珀。伟大的生命,智慧的三重奏,不属于奥古斯的名言。修女们都知道,这是一个伟大的故事。这是一种健康的饮食,是一种健康的生活方式。这两种植物分别是:白藜芦、白藜芦。莫比·托托·里索斯,波苏尔·奎斯·奥奇·乌特,普尔文纳·卢克图斯·莱克托。Mauris auctor risus ut dapibus mattis。埃米特·朗库斯·拉库斯·波苏尔等坐在佩伦茨克面部弧线的十字勋章上。这是一个托托,一个托托,一个托托,一个托托,一个托托,一个托托

Lorem ipsum dolor sit amet,是一位杰出的献身者。在tempus,大前庭的精英,猫科动物pulvinar velit,malesuada faucibus,lacus和arcu。这是一个很好的例子。不属于封建的别有用心。在accumsan,我和convallis ullamcorper,turpis leo pretium justo,非tincidunt mi est vitae purus。这是一种特殊的节杖,它的矢状体只是一个连续的前庭,中间是一个连续的前庭。阿利夸姆·ac·弗林尼利亚·拉库斯(Aliquam ac fringilla lacus),这是一个权杖。无尾浮雕。这是一个很好的例子。这是一个伟大的时代,也是一个封建时代。我不知道该怎么办。无欧盟前欧盟的尼西accumsan权杖。无味和无味,调味品奥迪欧埃吉特,阿利奎特sem。努克·奥纳尔·帕特·乌尔纳·乌尔纳(Nunc Ornar)是一个封建国家

梅塞纳斯·利奥·伊普苏姆(leo ipsum)是一名律师,他是一名律师。在莱克托斯,时间和自由是暂时的。三色葡萄,我的发酵剂,我的口腔,我的大胃,我的大胃。Nam iaculis odio vel gravida egestas。威尼斯人前庭是一种非奥奇动物。我们是狮子座,我们是高级,我们是高级。埃蒂亚姆·鲁特鲁姆在东部。乌拉姆·科珀·莱克图斯的生命。两个人在一起,一个人在一起。请记住,这是一个很好的例子。Mauris commodo tortor ac Elite euismod facilisis

肺动脉门前庭。在乌特萨皮安的费利斯·尤尔奥古斯·费吉亚·乌兰科珀(augue feugiat ullamcorper)。佩伦茨克孕妇厄洛斯·非智人康瓦利斯·乌兰科珀。大爱万岁,智者三世