Html 如何定位两个<；asides>；从左到右和<；main>；在中间

我有这个例子模板，我想显示的旁白和主要的，因为它是像图片中的一个

我的定位或使用浮动元素有问题吗？请帮助，因为使用具有高负值的

边距

不适合我的设计

/*预设*/
正文{填充：0；边距：0；}
.container{宽度：1000px；最大宽度：100%；文本对齐：居中；填充：0；边距：0自动；}
/**标题配置**/
标题{背景：075329；宽度：100%；高度：100px；边框半径：30px 30px 3px 3px；}
.dropdowndiv ul{列表样式类型：无；}
.logo{float:left；}
.accountinfo{float:right；}
/*配置文件下拉配置*/
.profile下拉列表{位置：相对；显示：内联块；左填充：10px；}
.dropdowncaret{margin top:-50px；边框左侧：7px实心透明；边框右侧：7px实心透明；光标：指针；边框顶部：7px实心#1fa52c；}
.dropdowncaret:focus{边框左侧：7px实心透明；边框右侧：7px实心透明；光标：指针；边框顶部：7px实心白色；}
.profile下拉列表内容{边框半径：10px；列表样式类型：无；右侧：-16px；填充：10px 10px；右侧：-16px；显示：无；位置：绝对；背景色：#f9f9f9；最小宽度：160px；框阴影：0px 8px 16px 0px rgba（0,0,0.2）；z索引：1；}
.profile下拉列表内容：：在{内容：''之前；高度：0；位置：绝对；左：150px；顶部：-7px；左边框：7px实心透明；右边框：7px实心透明；光标：指针；底部边框：7px实心白色；}
.profile下拉列表内容a{颜色：黑色；填充：12px 16px；文本装饰：无；显示：块；}
.profile下拉列表内容li:hover{背景颜色：绿色；背景：线性渐变（#277f21，#165412）；边框半径：10px；方框阴影：0px 8px 16px 0px rgba（0,0,0,0.2）；}
.profile下拉列表内容li a:hover{color:white；}
.profile下拉显示{display:block；}
#导航菜单，主{浮动：左；显示：内联块；}
/*导航菜单配置*/
.menuheader{边距：0；边框底部：2px纯黑色；}
#导航菜单{位置：相对；填充：5px；边框半径：20px 0px 20px 0px；宽度：200px；背景颜色：rgba（255，255，255，0.9）；文本对齐：居中；方框阴影：0 4px 8px 0 rgba（0，0，0，0.2），0 6px 20px 0 rgba（0，0，0，0.19）；}
#导航菜单导航{边框半径：20px 0px 20px 0px；背景色：rgba（255，255，255，0.9）；边框：2px纯黑；}
#导航菜单导航ul{边距：0；填充：0；}
#导航菜单导航ul li{列表样式类型：无；填充：0px 10px 5px 10px；}
#导航菜单导航ul li a{显示：块；填充：10px 10px；颜色：黑色；过渡：所有0.3s线性；背景：线性渐变（#000000，#ffffff）；边框半径：10px；}
#导航菜单导航ul li a:hover，#导航菜单导航ul li.current#page_item>a{颜色：#fff；背景：线性渐变（#09f7d7，#124706）}
/*主配置*/
.主标题{边框顶部：1px纯黑色；边框底部：1px纯黑色；边距：10px 0 10px 0；}
主{边框半径：10px；边距：15px 15px；填充：0 10px 0 10px；背景：白色；宽度：500px；方框阴影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0,0.19）；}
主：在{内容：''之前；位置：绝对；边距：25px-280px；边框：10px实心透明；边框右侧颜色：白色；}
/*主表配置*/
#主表{宽度：100%；边框折叠：折叠；}
#主表th{背景：#4CAF50；颜色：白色；}
#主表th:第一个子项{边界半径：10px 0；}
#主表th:最后一个子项{边界半径：0 10px 0；}
#主表tr:n子表（偶数）{背景色：#F2F2}
#主表td{text align:left；}
#主表td:hover{背景色：#e2eac9；}
/*右侧配置*/
#右边{宽度：250px；高度：自动；背景：白色；边框半径：10px 0 10px 0；方框阴影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；}
.右侧内容旁边{填充：0 10px 0 10px；边距：0；自动；}
.右侧标题旁边{边框顶部：1px纯黑色；边框底部：1px纯黑色；边距：10px 0；}
/*页脚配置*/
页脚{填充：5px 0；清除：两者；文本对齐：中心；高度：50px；背景：红色；颜色：#fff；边框半径：0 0 10px 10px；}
.版权所有{padding:10px；}
.Copyright链接{文本装饰：下划线；颜色：#fff；}

主标题
表1
表2
表3
表4
表5
表6
表7
表8
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

侧栏标题
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起是因为他们在一起
<div class="container" style="display:flex;">
    <aside id="nav-menu"></aside>
    <main></main>
    <aside id="aside-right"></aside>
</div>
<footer></footer>