Question

我花时间为我的主要内容格式化div标签，然后我将该div放在包装器div中。好吧，当我去网站添加我的徽标时，一切都转移了。徽标所在的div似乎已将包装标签向下推。作为代码的新手，我试图尽可能保持我的设计清洁，但它正在崩溃。有什么建议？有帮助吗？在小提琴中，我启动了HTML代码，其中包含img源代码，这是添加的图像 - 推送我的内容。

这是小提琴 http://jsfiddle.net/569Gm/

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

这就是我现在添加徽标的网站。 http://www.pixentral.com/show.php?picture=1PYUTuzOhcbLcaoadEpTNk2qnm

Answer 1

将float:left;添加到#logo，然后使用clear:left;代替clear:both;。
添加float:left;＆amp; clear:left; #wrapper将与您的徽标一致请参阅Demo

Answer 2

将您的徽标向左浮动＆＃34;浮动：向左;＆＃34;。同时清除您的徽标＆＃34; clear：left;＆＃34;。作为一般的经验法则，页面流程中的任何内容/不是＆＃34;绝对＆＃34;定位将需要以某种形式或形状浮动，除非＆＃34; div＆＃34;包含它是浮动的。记住这一点的一个好方法是，任何与组合相关的东西都很可能需要浮出水面。浮动离开，假设你的边距和填充是＆＃34;边距：0＆＃34; ＆＃34;填充：0＆＃34;将您的div捕捉到宽度参数允许的最右边或左边。浮动实际上就是你如何构建页面流。

如何让我的div标签不会相互移动？

2 个答案: