将div放在彼此的旁边而不是在下面

我很难将div放在彼此的旁边，而不是将它们放在下面。我是新来的使用CSS，我不知道我需要做什么。将div放在彼此的旁边而不是在下面

的网页是www.panduzee.com/wordpress

的文章“理查德·鲁”的假设是旁边的“阿什利李”。

的代码的链接是：http://pastebin.com/J3CNMfaP 而CSS是：http://pastebin.com/isn5NViA

对不起，我试图让代码这篇文章中工作，但它没有正确地显示出来。

任何帮助，将不胜感激！ CSS来自wordpress主题，让大家都知道。

谢谢！

来源

2012-04-24 Richard

如果您在[JS小提琴（http://jsfiddle.net），或类似的发布您的代码，我们可以看到在行动页面。并在那里玩，使其工作，并看到任何变化造成的影响。 – 2012-04-24 21:37:51

的jsfiddle（http://jsfiddle.net/BnJ7g/3/）

你的 “盒子” 和 “boxes2” 的div

，添加float:left属性。

<div id="boxes" style="float:left;"> 
    <div class="box"> 
     <!--The post title--> 
     Ashley Lee <!--The post image--> 
     <a href="http://www.panduzee.com/wordpress/2012/04/15/fashion/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a> 
    </div>  
</div> 

<div id="boxes2" style="float:left;"> 
    <div class="box"> 
     Richard Lu <!--The post image--> 
     <a href="http://www.panduzee.com/wordpress/2012/04/24/richard-lu/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a> 
    </div> 
</div>

来源

2012-04-24 21:44:22

谢谢，让它工作。 – Richard 2012-04-26 01:27:21

@RichardLu np :) – 2012-04-26 01:27:42

将div放在彼此的旁边而不是在下面

回答

相关问题