包装中的两列Div布局 - 为什么会被推下？

Question

url：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

您可以通过将<div class="projectRight">..</div>移至HTML中的<div class="projectLeft">..</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;
}