创建带有浮动div的2列表，清除每行的jQuery

我使用浮动div来创建一个2列的表结构。 添加内容时，每行的单元格应设置为clear:left

我正在尝试这个jQuery代码

<script type="text/javascript">
<!--
 $(document).ready(function(){
      $("#BokS":even).css("clear","left");
      });
//-->
</script>

但它不能正常工作。 此处为示例页面： 单元格3需要清除：左（现在手动添加）

可能是很简单的事情我忘了， 但是你能帮忙吗

谢谢

更新：

<div id="Main2cSC">

    <div class="Prod">
      <div class="SC_Top">Tilpasset ledelse (2015)</div>
      <div class="SC_JS">av Jan Spurkeland</div>
      <a href="/Boker/Relasjonspedagogikk2011.asp"><img src="../images/bok/TILPASSET LEDELSE_w95.png" alt="" name="Prod1" width="94" height="145" class="SC_img" style="border:solid 2px #CCCCCC"></a>
      <div class="SC_Body">
        <p>Tilpasset ledelse er en beskrivelse av hvordan en leder kan møte de fleste menneskers behov for å bli ledet. Stadardisert ledelse treffer ikke noen, mens denne tilnærmingen kan treffe mange. Konseptet erstatter mange historiske forsøk på det samme, mellom annet situasjonsbestemt ledelse.</p>
        <p>&nbsp;</p>
        <p><a class="LesMer" href="http://www.relasjonsledelse.no/default.asp?tekst=bestill">Bestill</a> </p>
      </div>
      <div class="SC_foot"></div>
    </div>

    <div class="Prod">
    repeat..
    </div>
 </div>

Tilpasset-ledelse（2015年）
扬·斯普克兰大道
这是一个很好的例子，它是一个很好的例子。斯塔达迪塞特·莱德尔·特雷弗·艾克·诺恩，男子丹尼·蒂尔米根·特雷弗·曼奇。塞姆·萨姆德·塞普塞特·塞普塞特·塞普塞特·塞普塞特·塞普塞特·塞普塞特·塞姆德·塞普塞特·塞普塞普塞特·塞姆德·塞普塞特·塞普塞普塞特·塞姆德·塞普塞普塞特·塞姆德·塞普塞普塞特·塞



重复

如果我是对的，您需要两个包装

s，宽度：50%，内容

s

尝试：

HTML：
左行1
信息

左行2
信息

右行1
信息

CSS:
#包装纸{
宽度：1000px；/*您想要的宽度是多少*/
}
#右col，#左col{
宽度：50%
}
.contentRow{
宽度：100%
}

---

您可能希望右侧和左侧的

都包含在某种包装中，以帮助包含它们

$（“#图书：第n种类型（偶数）”）。您可以显示更多html代码？非常感谢！但实际的表单元结构是良好的。这只是一个奇怪的div单元：我需要的左边。我可以手动完成，但我认为使用js/jQuery.OK会很好，在这种情况下，我需要更多的信息来帮助，比如页面/表格是如何生成的，等等。请参阅使用html更新。顺便说一句：我现在只添加手动清除：左行，但我很高兴如果我可以如上所述进行更改。在再次查看链接后，我已经查看了源代码，并且更加困惑。看起来您正试图用JS修复CSS问题。如果所有

都有

float:left

，并且它们都是50%宽度（包括边框和边距），那么就可以了。为了让你的生活更轻松，我会有两列50%的宽度和100%宽度的行。我会更新我的解决方案，让你看看！宽度现在是个问题。有浮子吗：左。问题在于，偶数数字低于之前的数字。然后，下一步是向右堆叠，而不是像预期的那样向左堆叠。

HTML:
<div id="Wrapper">
  <div id="leftCol">
    <div class="contentRow">
      <h2>Left Row 1</h2>
      <p>info ...</p>
    </div>
    <div class="contentRow">
      <h2>Left Row 2</h2>
      <p>info ...</p>
    </div>
  </div>
  <div id="rightCol">
    <div class="contentRow">
      <h2>Right Row 1</h2>
      <p>info ...</p>
    </div>
  </div>
</div>

CSS:
#Wrapper{
width: 1000px; /*what ever width you want*/
}
#rightCol, #leftCol{
width:50%
}
.contentRow{
width:100%
}