html - 我的 div 无法正确对齐

Question

我一直在做一个网站，但遇到了一个问题。

我的 div 无法正确对齐事件、新闻和三个中间描述...这是代码。 (很抱歉，如果它很乱......我现在也在处理它。)它不会让我发布事件和新闻的代码，所以请耐心等待。

三个描述div。

<div class="mainall">

 <div class="descc1">
 <div class="deschead1"></div>
 <div class="thumb1"></div>
 <div class="head1"></div>
 <div class="headbg1"></div>
 <div class="descsep1"></div>
 <div class="desc1">
     <p></p>
 </div>
 </div>

 <div class="descc2">
 <div class="deschead2"></div>
 <div class="thumb2"></div>
 <div class="head2"></div>
 <div class="headbg2"></div>
 <div class="descsep2"></div>
 <div class="desc2">
     <p></p>
 </div>
 </div>

 <div class="descc3">
 <div class="deschead3"></div>
 <div class="thumb3"></div>
 <div class="head3"></div>
 <div class="headbg3"></div>
 <div class="descsep3"></div>
 <div class="desc3">
     <p></p>
 </div>
 </div>
</div>

CSS - http://pastebin.com/HPSikFjM

主要=

.mainall {
 display: block;
 margin-top: 25px;
 overflow: hidden; }

Answer 1

好的，我想我明白你想做什么了。您需要将每一列向左浮动，然后向最后一个元素添加明确的修复。

<div id="outside-div-that-expands-to-full-avaliable-size">
   <div class="third">First</div>
   <div class="third">Second</div>
   <div class="third">Third</div>
   <div class="clear"></div>
</div>

使用CSS

.clear { clear:both; }

这就是您想要的效果吗？ http://jsfiddle.net/HPY2X/1/