Html 如何防止div标签相互移动？

我花时间为我的主要内容格式化一个div标签，然后我把这个div放在一个包装div中。好吧，当我把我的徽标添加到网站上时，一切都变了。标识所在的部门似乎将包装标签向下推。作为新的代码，我试图保持我的设计尽可能干净，但它正在崩溃。有什么建议吗？有什么帮助吗？在fiddle中，我在img源代码中启动了HTML代码，这是一个图像，当添加它时，它将我的内容向下推

这是小提琴

我们是一家基于哈格斯敦的垃圾清理和搬运服务公司。能够完成大小工作，我们接受住宅、商业和工业工作


自2014年以来，我们一直处于活跃状态，是一项相对较新的服务，旨在帮助尽可能多的人。访问我们的Facebook页面，了解我们最近的作品、职位空缺、特惠等信息

要安排服务，请提供列出的信息
我们将立即作出回应

如果您有任何问题、意见或顾虑，我们的联系方式如下所示


电话：（443）6906421

电邮：service@hagdustboy.com

这就是我的网站看起来像现在我添加了标志。

---

添加

浮动：左侧

到您的

#徽标

，并使用

清除：左而不是
清除：两者都有

通过添加
float：左&
清除：左侧包装器将与您的徽标连成一行。

请参见将徽标向左浮动的“浮动：左；”。清除左侧的徽标以及“清除：左侧；”。作为一般的经验法则，页面流中任何未“绝对”定位的内容都需要以某种形式或形状浮动，除非包含它的“div”是浮动的。记住这一点的一个好方法是，任何与组合相关的内容都很可能需要浮动。向左浮动，假设边距和填充为“margin:0”，则“padding:0”会将div捕捉到宽度参数允许的最右侧或最左侧。浮动实际上是构建页面流的方式
 在#wrapper css中，您通过为边距赋值（边距顶部：301px；边距左侧：390px；）将其更改为persentagesThank您的建议kashift谢谢您的建议Umair。我现在正在尝试，好的！告诉我你的进展。
<div id="logo">
   <img src="images/logo/logo-vector.png" />
</div>

<div id="wrapper">

   <div id="aboutus">   
       <p>We are a Hagerstown-based junk removal and moving service. Able to accomplish jobs both big and small, we accept residential, commerical, and industrial jobs. </p>
       <p>&nbsp;</p>
       <p>Active since 2014, we are a relatively new service looking to help as many people as possible. Visit our Facebook Page to stay posted on our recent works, job openings,        special offers and more. </p>
   </div>

   <div id="scheduling">
     <p>To schedule for a service, please provide the information listed
     below and we will respond promptly.</p>
   </div>

   <div id="contactus">
   <p>If you have any questions, comments, or concerns, our contact information is listed below.</p>
   <p>&nbsp;</p>
   <p>Phone: (443) 690 6421</p>
   <p>Email: service@hagdustboy.com</p>
   </div>   
</div>

</body>
</html>






</div>