我的div不能正確對齊

Question

我是網頁設計的新手。我一直在爲一些朋友在網站上工作，而我遇到了一個問題。

我的div不會正確對齊事件，新聞和三個中間描述......這裏是代碼。 （對不起，如果這是非常混亂...我現在也在努力。）它不會讓我發佈活動的代碼&新聞如此裸露與我...

三個說明divs。

<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 =

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

Answer 1

這工作完全 - 我測試實時網站：

CSS：

.descc1{ 
margin-right: 2.1275%; 
float: left; 
margin-top: 10px; 
width: 31.914893617021%; 
} 

.descc2 { 
float: left; 
margin-top: 10px; 
width: 31.914893617021%; 
margin-right: 2.127659574468%; 
} 

.descc3 { 
float: left; 
margin-top: 10px; 
width: 31.914893617021%; 
} 

.mainbox { 
margin-left: auto; 
margin-right: auto; 
overflow: hidden; 
display: block; 
float: left; 
width: 100%; 
} 

Answer 2

好吧，我想我明白你正在嘗試做的。您需要浮動每個列，然後爲最後一個元素添加一個明確的修復。

<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/