当它们不应该漂浮时清空

时间:2012-03-22 20:32:48

标签: css css-float

有人可以告诉我为什么这个“tirtiary”div没有正确浮动。 它应该位于页面的顶部,而不是其他的 - 我一直在查看代码太长时间,根本看不到问题!请帮忙!!

http://jsfiddle.net/jwoodcreative/k2gCQ/

更新:已解决!感谢您的评论,让我意识到我的方式的错误!

4 个答案:

答案 0 :(得分:2)

你的main,secondary和cta的宽度设置为74%,这意味着它们没有足够的空间让所有人坐在一起。 (74 + 74 + 74超过100%宽度,加上你指定2%的保证金)。将74%更改为20%,您应该开始看到更合适的行为。

答案 1 :(得分:0)

浮动使得div应该是彼此相邻的。由于CTA不能在主要(74 + 74> 100)旁边,因此它将被放置在下一行。第二个也是如此。因为第三版适合,它将与最后一行放在同一行,因为div的顺序不会改变。

答案 2 :(得分:0)

不幸的是,你所期待的并不是花车的工作方式。如果剩下几个项目浮动,只要其中一个项目下降到布局中的下一个项目下方(因为右边没有空格),你将永远无法让其中一个兄弟去上面它没有额外的定位代码。

浮动从左到右排列,而不是从上到下。如果你想要第二列,你应该将div包装在容器中并首先对齐列,然后对齐列的子列。

答案 3 :(得分:0)

当然!!!我一直在看这个太多而且没有看到我漂浮了3个项目全部74%。

这就是我想要实现的目标:http://jsfiddle.net/jwoodcreative/k2gCQ/1/

我只需要将左边的所有部分包装成一个宽度为74%的容器

感谢您的评论!