Wrapper中的兩列Div佈局 - 爲什麼一個人被推倒？

Question

網址：http://www.5vforest.net/#portfolio

#portfolio .projectWrapper{ 
width: 100%; 
float: left; 
} 

.projectLeft{ 
font-size: 10pt; 
padding-top: 10px; 
margin-right: 500px; 
} 


.projectRight{ 
width: 500px; 
text-align: right; 
float: right; 
} 

不知道爲什麼這不工作....我完全難倒。有什麼建議？謝謝。

Answer 1

你可以把它用在HTML <div class="projectLeft">..</div>之前移動<div class="projectRight">..</div>工作。

Answer 2

因爲沒有空間。左側項目有一個500px保證金權利，正在推低。

.projectLeft { 
    font-size: 10pt; 
    padding-top: 10px; 
    width: 500px; // other div must have fluid space, thanks thirtydot 
    float: left; 
} 

Answer 3

兩列應該浮動：

.projectLeft{ 
font-size: 10pt; 
padding-top: 10px; 
float:left; 
//the width you need 
width: 500px 

} 


.projectRight{ 
width: 500px; 
text-align: right; 
float: right; 
}