问题标签 [css-float]

有人可以帮我解决这个链接下指定的复杂的瓷砖布局吗？

我曾尝试将 float:left 用于小部件，但我得到的红色块总是低于#2。我应该能够将小部件动态添加到黑色仪表板。我可以使用 html5、css3 和 jquery。

不仅有 2 列。如果仪表板有 3rd、4th 等的可用宽度空间……那么它应该在那里。可能有一个到无限数量的不同大小的小部件。如果没有可用宽度空间，则新小部件应向下浮动到左侧并完全填满可用空间。

失败的标记：

附加模型：img191.imageshack.us/img191/2139/picture2fdi.png

我有一个手工编码的网站@hartbro.com 该网站的一部分是一个博客，其中包含图片。这是导致问题的图像之一的 HTML 代码。

我注意到的是，在一些包含不止一张图片的博客条目中，第二张图片并没有真正像它应该的那样浮动，文字环绕在它周围。我认为它必须与导致问题的某些 CSS 发生某种冲突，但我就是不知道它是什么。

我不明白它在 FF 和 IE 中是如何工作的，但不是 Chrome 或 Safari？

这是所有相关的 CSS，如果您需要其他内容，请告诉我。提前致谢。

我正在尝试通过将 div 块列表与具有不同高度的 2 列对齐，方法是将它们相互浮动。如果每个方块的大小都是固定的，它们自然会整齐地堆叠在一起，但是因为这个涉及到不同的高度，对于更高的方块，相邻的方块下面会有很多空白，然后再继续下一个方块。

但是，我注意到这只发生在一侧，如果块向左浮动，那么右列块将自动填充任何空白空间，反之亦然。

但是，我现在正试图寻求一种解决方案来实现双方的流动性。

你可以在这里看到我的意思的一个例子。

第 2 列的所有东西都非常适合，但在左侧，有很多用于更高尺寸的空白空间。

CSS是这样的：

在我在这里工作的网页上，我有一个主 div，在主 div 和图像 div 内。粗略地说，重要的 HTML 是：

和CSS：

如果问题的原因不在此处的代码中，我深表歉意，但我认为是。

问题是，当imagesdiv 变得大于 div 的内容时main，wrapperdiv 失去了它的左填充；并且底部填充main增加。该问题似乎只出现在 IE7 中。

我正在尝试做“浮动”所做的事情，但不能选择复制。这是如何使用它的示例：

这会在相关文本的右侧制作一个类似“便利贴”的框。如果我选择要复制的文本，则注释也会被复制并且文本流被破坏。

有没有什么办法解决这一问题？

大家好，这里是有问题的网站：

http://www.myvintagesecret.com/

我在首页上有很多帖子。H2 标记中的标头。除此之外，我有时会有一个名为 Clip 的 div。如果那里有一个 .clip div，我希望标题换行到下一行。

我的问题是，如果有一个 .clip div 并且有一个足够长的标题，它会将 .clip div 撞倒。我希望 H3 包装和 .clip 看起来像第一个帖子。

我在一个div中有两个跨度。我想将它们彼此对齐。我通过左右浮动它们来做到这一点。问题是这些跨度具有可变高度（当您单击“更多选项”时它们会向下滑动）。因此，当它们的高度在运行时（通过向下滑动）发生变化时，它们不会向下推它们下面的元素。如果有一种方法可以在不浮动它们的情况下对齐它们，那将起作用。

我敢肯定这之前一定已经介绍过，因为我确定我不是第一个这样做的人，但我找不到答案。我正在为<div>使用重复的背景图像创建阴影效果。在底部的两个角落，我使用了 9x5 像素的小图像。我左右浮动它们，在 Firefox 和 Safari 中它们看起来很完美。在 IE8（可能还有其他 IE）中，它们向左和向右浮动太远大约 3px。

你可以在这里看到这个问题。这是我妻子的 ebay 模板。

到目前为止，我已经尝试设置 display:inline，这是对类似 IE6 问题的修复。我还尝试将图像边距和填充设置为 0px，但没有成功。

有任何想法吗？

谢谢， 卡拉格

我想知道清除浮动块级元素的最佳元素是什么？

目前，我主要使用带有 clear: both; 的 div 或 ap 元素。应用。

您更喜欢哪些元素，或者这样做的“最佳实践”是什么？

<hr>我有一个带有顶部和底部边距的“已清除”标签。但是，在将两个浮动元素作为列之后，上边距将被忽略，并且该行位于文本的正下方。

CSS：

HTML：

我发现我可以用 将列包装在 div 中overflow: hidden，但是是否有不需要向 HTML 添加额外标记的解决方案？