HTML中的重叠div

我希望两个div相对工作。在gridview中添加行时，div重叠。您可以在图像中看到问题所在。我不擅长html/css。请帮帮我

这是HTML：

<section id="section-1" class="content-current" onclick="setTabIndex(1)">
    <div class="left-side">
        <div class="women_main">...</div>
        <br />
    </div>
    <div class="right-side">
        <div class="w_content">...</div>
    </div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <div class="women_main">...</div>
</section>

---

您应该真正地

清除
浮动
s。为了得到正确的布局，不要给出太多的

。解决方法是在
.women\u main
上使用
clear:both

初始外观：


。右侧{
宽度：50%；
浮动：对；
边际上限：0px；
填充顶部：0px；
}
.左侧{
宽度：50%；
浮动：左；
}
女士{
明确：两者皆有；
-网络工具包盒阴影：0px 0px 2px 1px rgba（37,37,37,0.39）；
盒影：0px 0px 2px 1px rgba（37,37,37,0.39）；
填充：1em；
边框：2px实心#e3！重要；
}

...


...
...
我已计算出您的代码，并随附代码笔链接。请检查，我希望这将帮助你

HTML

<section id="section-1" class="content-current" onclick="setTabIndex(1)">
  <div class="left-side">
    <div class="women_main">... LEFT CONTENT ...</div> 
  </div>

  <div class="right-side">
    <div class="women_main">... RIGHT CONTENT ...</div> 
  </div>
</section>

<section class="two">
  <div class="">... SECTION2 ...</div>
</section>

您知道这是一个CSS问题，您还没有共享CSS。这公平吗？请提供您需要的正确代码以清除浮动谢谢。这管用@EL323请确保以正确的方式清除浮子<代码>：）

不客气！

<section id="section-1" class="content-current" onclick="setTabIndex(1)">
  <div class="left-side">
    <div class="women_main">... LEFT CONTENT ...</div> 
  </div>

  <div class="right-side">
    <div class="women_main">... RIGHT CONTENT ...</div> 
  </div>
</section>

<section class="two">
  <div class="">... SECTION2 ...</div>
</section>

.content-current, .two {
  width: 100%;
  position: relative;
  border:1px solid #000;
  height:100px;
}
.left-side {
  width: 49%;
  float: left;
  border: 1px solid red;
}

.right-side {
  width: 49%;
  float: right;
  border: 1px solid blue;
}

.women_main {

  -webkit-box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
  box-shadow: 0px 0px 2px 1px rgba(37, 37, 37, 0.39);
  padding: 1em;
  border: 2px solid #e3e3e3 !important;
}
.content-current:after {
  clear:both;
}
.two {
  margin-top: 10px;
  background: #ccc;
}