Javascript 如何使浮动正确显示？侧边栏div保持左侧，内容保持右侧浮动

我无法使内容正确浮动。我有两个侧栏，我想显示彼此内联，内容浮动到右侧。像这样：

.showMain{
宽度：550px；
显示：块；
浮动：左；
字体：普通300 18px/24px“aktiv grotesk标准”，无衬线；}
showMain先生{
文字装饰：无；
-webkit过渡：不透明度0.75秒；
-moz过渡：不透明度0.75秒；
-o型过渡：不透明度0.75s；
过渡：不透明度0.75秒；
颜色：#d7df23；}
a:悬停{
不透明度：0.6；
过滤器：alpha（不透明度=60）；}
.showSidebar{
宽度：304px；
显示：块；
垂直对齐：顶部；}
.showSidebar2{
宽度：304px；
显示：block；}

林肯公园运动俱乐部
1019西戴维西公园

伊利诺伊州芝加哥
第1节：7月25日

第二节：7月26日

第三节：8月1日

第四节：8月2日




活动时间：上午7:30–8:45

完成4个会话注册：$X



参与者弃权书可从以下链接下载，并需提前提交至：xxx@rivernorthchicago.com					
砧板
222商品集市

伊利诺伊州芝加哥
完成4个会话注册：$X



参与者弃权书可从以下链接下载，并需提前提交至：xxx@rivernorthchicago.com					
实现最佳舞蹈表演–新工作坊

近20年来，芝加哥河北舞蹈学院提供了领先的舞蹈培训项目，主要集中在提高舞蹈技能和技巧。数千名舞蹈演员参加了这些节目，并对包括午餐研讨会和关于营养、伤害预防和调理主题的小型会议表示欢迎。然而，压倒性的反馈是，这些主题很棒，但只触及了舞蹈演员需要在精英水平上表演的表面

RNDC正通过一个名为“实现最佳舞蹈表演”的新的多模块研讨会来回应这一反馈。这项新产品是与运动医学、损伤预防和身体调节领域的几位领导者合作的结果。这些合作伙伴包括拉什中西部整形外科公司、芝加哥体育俱乐部、杰姬·考尔健康公司、田径公司和砧板公司，他们已经与RNDC合作，在今年夏天推出了这些新模块

这个新的工作坊是为满足精英舞者的需求而设计的一个综合解决方案，但参与者可以分别注册每个模块。RNDC当前项目中的午餐研讨会和小型会议将继续进行。但对于希望补充这些主题的RNDC夏季培训参与者，或者没有参加RNDC夏季强化活动的舞者，这个新的研讨会是为您准备的。River North Dance Chicago致力于了解和满足有抱负的专业舞者的需求，并很高兴将这一新产品带到舞蹈社区

我不认为这个目标有“两个边栏”。它看起来像一个侧边栏，有两篇文章的内容。如果您愿意在HTML中多放一个容器，那么应该可以很好地工作

通常，将边内容设置为“浮动”内容是有意义的，而“主内容”使用所有剩余空间（并且不会浮动）。因此，我建议尝试与现在相反的方法

正文{
宽度：70%；
字体大小：10px；
}
边栏{
浮动：左；
宽度：100px；
右边距：2米；
}
主要{
字体大小：160%；
}

Lorem ipsum door sit amet，一位杰出的领导者，他在劳动和生活中的时间是有限的。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

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

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于不自卑的原因，还必须为自己的行为负责。”

您的主要内容在

div class=“showSidebar2”>..

中。您应该将其放在本分区之外的

div class=“rivnoShowInfo group row”>..

中

有多种方法可以解决这个问题，但我认为最简单的方法是在你的两个边栏周围放置一个包装，将宽度设置为30%，然后将内容宽度设置为70%。将内容和边栏都设置为显示：内联块

你能做一个…这个样子吗