问题标签 [css-float]

我想要一个有序列表，左侧有文本，右侧有每个 li 的图像。所以我将图像浮动到右边，它把图像正确地放在右边，把文本放在左边，但是在 IE 和 FF 中图像太低了 14 像素。Chrome 做得对。在我看来，这似乎是 IE 和 FF 将浮动放在每个 LI 的外部或下方，而不是放在它应该在的内部（如 Chrome）。如果我为 IE 和 FF 调整位置 -14px（向上），它对它们来说效果很好，但是 Chrome 就搞砸了。14px 是每个 LI 的高度，这就是该技巧有效的原因。

除非绝对需要（即，为 IE/FF 设置 -14px 偏移量并告诉 Chrome 忽略它），否则我不想要单个浏览器 hack。

li 没什么特别的：

请参阅第一个 LI 没有 FF/IE 的图像，因为它在下方（看起来像是在 #2 的位置），并且 #25 图像不在列表的底部。

我希望所有 3 看起来都像 Chrome。有一些 JavaScript 生成 OL/LI，并且class=removeTeam仅用于 jQuery 操作。此列表在 jQuery 可排序中，并且我确实使用 jQuery ( .disableSelection();) 禁用了列表选择。我认为这与 jQuery 或 JavaScript 无关，只是简单的 CSS。

我试图让一个动态大小的侧边栏浮动在我的网页的右上方（但在标题和导航下方）并让页面上的主要内容围绕它流动（有点像“L”形除了“L”的底部很厚）。侧边栏的宽度和高度会因页面而异，因此我不能使用任何硬值。

我的CSS看起来像：

（加上一些我认为无关紧要的填充、边距和背景颜色代码）

我的 html 看起来像：

我不完全理解为什么我必须首先拥有侧边栏 div，但是这段代码在 FF、Chrome、Safari (Windows) 和 IE8 中运行良好。但是在 IE7（和我不关心的 IE6）上，主要内容被推到侧边栏底部下方，好像侧边栏 div 上有一个“clear：left”（但没有） .

我有一种感觉，这是 IE7 不合规错误之一，特别是因为 IE8 的行为与其他浏览器完全一样。但我不知道如何解决它。

有任何想法吗？TIA。

我有一个固定宽度的父 div，我在其中浮动带有标签的图像：

期望文本将环绕图像。

不幸的是，IE7 将图像浮动到父 div 的 RHS 边界之外（请参阅http://horticulture127.massey.ac.nz/ie7view.png），而 FF 和 Safari 在父 div 的边界内显示浮动和包装文本（黑色垂直线是父 div 的 LHS/RHS 边界。

如何解决这个 CSS 错误？关于正确浮动的 IE6/7 问题的可用信息太多了，我完全不知所措，看不到解决方案。

（imgposr 不是 css 项 - 它是一些 jquery 的选择器）

这是基本问题：

替代文字 http://img241.imageshack.us/img241/3800/problemwithfloats.png

我希望保存图像的 div 垂直拉伸以适应它。

两个 div 彼此相邻，都在包装器内浮动。在 IE 和 firefox 中，它们显示正确，但在 Chrome 中，第二个浮动 div 会在 Div A 下方清除。当我在 css 中删除“float:left”时，它会转到 Chrome 中的正确位置，但在 IE 和 firefox 中会清除（正如它应该）。我不知道为什么它在 Chrome 中以这种方式出现。有任何想法吗？

我在对齐 IE6、IE7、IE8 和 Firfox 3 中的几个 div 时遇到问题。它们都不能正确呈现 IE8 和 Firefox，而其他 IE8 和 Firefox 则不能。

是否可以通过浮动和清除来做到这一点..它们之间不需要任何间距，我只是这样画的....此外，div应该是固定宽度。

替代文字 http://cowfarm.net/divAlign.png

我有一个具有固定高度和宽度（275x1000px）的容器 DIV。在这个 DIV 中，我想放置多个浮动 DIV，每个 DIV 宽度为 300 像素，并显示一个水平（x 轴）滚动条，以允许用户左右滚动以查看所有内容。

到目前为止，这是我的 CSS：

问题是浮动 DIV 不会继续超过容器的宽度。在放置三个浮动 DIV 后，它们将继续在下方。如果我将 overflow-y 更改为 auto，则会出现垂直滚动条，我可以向下滚动。

如何更改此设置以使浮动 DIV 继续运行而不会彼此下方？

我有一个标签云，标签（在 Divs 中）应该居中浮动。没有 float: center 所以我正在寻找一个干净的解决方案。我的 HTML 看起来像这样：

Divs 应该浮动，两边都有空间（居中）。我不确定如何更好地解释这一点。有任何想法吗？

谢谢！

更新 .tag div 必须具有灵活的宽度，以便不同的内容适合它们。

此外，一行中应该可以有多个标签（如果它们足够短）

到目前为止我的CSS：

我的 HTML：

我一直在努力让 CSS 浮动工作（在我的脑海中）。

请注意以下示例：

这将给出以下输出：

但是我期待这个：

为什么很清楚：左；也清算吧？

我的目标：

我只想添加一个 clear:right; 到标有 class: right 的 DIV。这应该产生以下内容：

我正在寻找一种方法来强制浮动或绝对定位的元素留在 css 中的流中。我几乎认为css是愚蠢的，因为没有像 flow:on flow:off 这样的东西来保持它在流中或取出它。

问题是我想要一个高度可变的 div 元素，我在 div 的左侧有一个浮动图像，并且我希望 div 至少是图片的高度。我还希望它至少足够大以容纳流中的所有文本（这显然不是问题）。

我需要图片能够改变大小。我目前正在使用 jQuery 解决方案，但它正在发挥作用。因为我不想调试，我觉得应该有某种 CSS 解决方案，我在问。

有谁知道我该怎么做？