浮动物业不起作用

Question

我在尝试编写CSS以使一个框浮动到我的页面右侧时遇到了一些问题。

我有一个名为＃right-box-uploadphoto的div，这是此页面上的灰色框http://s361608839.websitehome.co.uk/salesboard/After_Login.html

CSS就是这样：

#right-box-uploadphoto{
width: 240px;
height: 240px;
background: #e6e6e6;
border: 1px solid #d7d7d7;
margin-left: 15px;
float: right;
}

它以某种方式被推倒了。它需要与＃page-box2对齐。

这不对吗？

由于

Answer 1

您在网页上错误地放置了div。尝试将div添加到您的mainFrame中，如：

<div id="mainFrame">
<h2>Set up your Salesboard</h2>
<p>There's only a few steps to go!</p>
<div class="line"></div> 
<div id="page-box2">
<div id="step-box-select"><span class="icon-step">1</span> Set Up Your Profile</div>
<div id="step-box-unselect"><span class="icon-step">2</span> Set Up Your Team</div>
<div id="step-box-unselect"><span class="icon-step">3</span> Add Team Member</div>
<br><br>
<form action="" method="get">


</form>
<a href="#" class="upgradebutton">Upgrade</a></div>
<div id="right-box-uploadphoto"></div>
</div>

Answer 2

尝试将“right-box-uploadphoto”div放入“mainFrame”div。

<div id="mainFrame">
...
<div id="page-box2"></div>
<div id="right-box-uploadphoto"></div>
</div>

那就行了！