Html 如何让两个div相邻，并且仍然有一个侧边栏？

我试图在一个内容分区内有两个分区并排（左和右，见下面的示例），同时仍然有一个不同的边栏模具。我尝试过使用浮动，但没有将正确的div对齐到正确的高度。我也尝试过使用新的CSS网格布局方法，但是当我将它添加到代码中时没有任何变化，所以我删除了它

。主要内容{
边框样式：实心；
颜色：#DC143C；
宽度：75%；
}
.主要内容左侧{
颜色：#DC143C；
}
.主要内容右侧{
颜色：#DC143C；
高度：300px；
}
.sidecontent{
宽度：300；
颜色：#DC143C；
边框样式：实心；
左边框：100px；
}
h1{
文本对齐：居中；
}
h2.以前的视频{
文本对齐：左对齐；
字体大小：20px；
}
p{
左侧填充：10px；
}
人力资源{
边框顶部：1px实心#DC143C；
边框底部：1px实心#DC143C；
}
ol{
显示：块；
列表样式类型：十进制；
边缘顶部：1米；
边缘底部：1米；
左边距：0；
右边距：0；
左侧填充：600px；
}

家
你好，欢迎来到我的网站，你们知道我已经注册了。在这里你可以找到我的视频上传时间表，以前的视频，当前的视频，你可以对我玩什么游戏提出建议


以前的视频（截至2016年6月29日）：
星期一：上传
星期二：上传
星期四：上传
星期四：休息
星期五：上传
星期六：制作
星期日：制作

尝试使用

flex

。使用

dispaly:flex

将左、右div保持在

div

中，并删除

将左、右div填充到
ol


。主要内容{
边框样式：实心；
颜色：#DC143C；
宽度：75%；
}
.主要内容左侧{
颜色：#DC143C；
}
.主要内容右侧{
颜色：#DC143C；
高度：300px；
}
.sidecontent{
宽度：300；
颜色：#DC143C；
边框样式：实心；
左边框：100px；
}
h1{
文本对齐：居中；
}
h2.以前的视频{
文本对齐：左对齐；
字体大小：20px；
}
p{
左侧填充：10px；
}
.主货柜{
显示器：flex；
}
人力资源{
边框顶部：1px实心#DC143C；
边框底部：1px实心#DC143C；
}
ol{
显示：块；
列表样式类型：十进制；
边缘顶部：1米；
边缘底部：1米；
左边距：0；
右边距：0；
}








家
你好，欢迎来到我的网站，你们知道我已经注册了。在这里你可以找到我的视频上传时间表，以前的视频，当前的视频，你可以对我玩什么游戏提出建议


以前的视频（截至2016年6月29日）：
星期一：上传
星期二：上传
星期四：上传
星期四：休息
星期五：上传
星期六：制作
星期日：制作
尝试使用
flex
。使用
dispaly:flex
将左、右div保持在
div
中，并删除
将左、右div填充到
ol


。主要内容{
边框样式：实心；
颜色：#DC143C；
宽度：75%；
}
.主要内容左侧{
颜色：#DC143C；
}
.主要内容右侧{
颜色：#DC143C；
高度：300px；
}
.sidecontent{
宽度：300；
颜色：#DC143C；
边框样式：实心；
左边框：100px；
}
h1{
文本对齐：居中；
}
h2.以前的视频{
文本对齐：左对齐；
字体大小：20px；
}
p{
左侧填充：10px；
}
.主货柜{
显示器：flex；
}
人力资源{
边框顶部：1px实心#DC143C；
边框底部：1px实心#DC143C；
}
ol{
显示：块；
列表样式类型：十进制；
边缘顶部：1米；
边缘底部：1米；
左边距：0；
右边距：0；
}








家
你好，欢迎来到我的网站，你们知道我已经注册了。在这里你可以找到我的视频上传时间表，以前的视频，当前的视频，你可以对我玩什么游戏提出建议


以前的视频（截至2016年6月29日）：
星期一：上传
星期二：上传
星期四：上传
星期四：休息
星期五：上传
星期六：制作
星期日：制作
使两个div
显示：inline块使两个div
显示：内联块