CSS盒子不会从右下角浮动

我一直在寻找这个解决方案一段时间... [bla bla ... google .. bla] ...CSS盒子不会从右下角浮动

我已经创建了一个例子在那里我几乎没有，但并不完全：

http://www.mikael-sandbox.com/puzzlecss/

我已经离开了这里是我想要的1号总是在右下角。只要我有一个单独的块行，就是这种情况，但是当行断开时，行向上移动。我希望它保持下来。有什么想法吗？

来源

2009-11-22 miccet

这些元素是否被动态添加到您的页面？ –

查看我所做的修改。看看是否有帮助。 –

如果元素被动态地添加到您的网页（即使它们不是），它似乎是显而易见的解决办法是扭转他们的顺序。将超出容器边界的元素将始终包装在下面。找到一些可能会提供一些有关浮动和包装的见解的链接。

http://archivist.incutio.com/viewlist/css-discuss/33948

http://css.maxdesign.com.au/floatutorial/introduction.htm见 “凡将浮动元素举动？”

编辑
是您的容器固定的宽度，并且将你的位的div是一致的宽度是多少？如果是这样，那么你知道你可以在容器中的一行中放入X个位div。考虑到这一点，你会在一个div中包装一个“行”，并在两侧清除它。下面的例子实现了我相信你正在寻找的结果。我相当肯定，你将无法通过纯CSS实现这一目标。浮动只是不按照你想要的方式工作。

<div id="container"> 
<div id="row_wrapper" style="clear:both;"> 
<div class="bit">10</div> 
<div class="bit">11</div> 
<div class="bit">12</div> 
</div> <!--End row_wrapper --> 

<div id="row_wrapper" style="clear:both;"> 
<div class="bit">1</div> 
<div class="bit">2</div> 
<div class="bit">3</div> 
<div class="bit">4</div> 
<div class="bit">5</div> 
<div class="bit">6</div> 
<div class="bit">7</div> 
<div class="bit">8</div> 
<div class="bit">9</div> 
</div> <!--End row_wrapper --> 
</div> <!--End container -->

来源

2009-11-22 20:51:37

是的，我的div是生成的，但不会改变第二行应该在第一行之上。我已经阅读了链接并提供了有用的信息，但没有任何东西能够让我解决这个问题。无论如何，我会继续阅读，看看我能否解决这个问题。 – miccet

我会在今天晚些时候尝试这个解决方案。我有条件地生成这些div，所以我可能会挤压这些包装，取决于每行有多少个盒子等等。非常感谢您花时间帮助我完成这一步。 – miccet

我现在已经实现这一点，并在PHP码生成的点在一个非常非常奇怪的顺序（像上面的例子）之后，它漂浮像它应该。非常感谢:) – miccet

CSS盒子不会从右下角浮动

回答

相关问题