问题标签 [css-float]

我正在尝试为我正在处理的页面设置一个简单的水平选项卡结构，并且在浮动 div 与 z-index 结合时遇到了一些麻烦。

在浏览器中查看以下代码：

为什么左 div 的橙色边框不与右 div 的绿色边框重叠？

Float:right为表格单元格内的 a指定div似乎在 IE 中无效。我还尝试了 text-align right 以将图层内容向右对齐，但在 IE 7 中没有成功。

CSS 片段：

HTML 片段：

HTML 和 CSS 都有效，并且在 Firefox 中，文本正确对齐，正如它应该的那样。如果你想通过复制/粘贴来测试完整的代码，它在这里：

（我知道 CSS 不是最优的，因为类声明对多个元素重复，但如果与问题无关，请不要对此发表评论。）

我正在尝试为我的网站建立一个评论部分。在评论部分，我希望它采用 WordPress 风格的布局，头像在左侧。它可以工作，但正在发生的是评论文本环绕在下面的头像周围。例如，这里. 这可能有一个简单的解决方案，但我是 CSS 业余爱好者。这是相关的 XHTML 和 CSS：

我更喜欢使用基于 CSS 的设计，但作为后端编码人员，我的 CSS 技能有点弱。当我参与布局时，我倾向于使用基于表格的格式，因为多年来基于表格的滥用已经扭曲了我的思想。我总是遇到一个特殊的问题。什么是最好的 CSS 替代品：

我有时会使用：

但这似乎不太正确。我不是要对齐文本，而是要对齐内容。此外，这似乎对封闭元素的文本对齐有影响，需要调整才能修复。我不明白的一件事是：为什么没有 float:center 样式？似乎这将是最好的解决方案。希望我遗漏了一些东西，并且有一种完美的 CSS 方法可以做到这一点。

场景是客户想要一个浮动的 div（灰色框），其中包含环绕它的文本。然而，其中一些文本包括 ul 和 ol，它们隐藏在 IE6 中的浮动 div 后面。

我尝试将 ul's/ol's 包装在一个 div 中，看看是否有帮助，但没有成功。有没有人遇到过这个问题并找到了合适的解决方案？

（注意：这是一个旧站点，无法修改布局中的许多其他内容）

我需要并排放置 2 个 div。但更重要的是，我希望它在 IE6/7 中正确显示。不过，我已经设法用 Firefox 成功了。我的代码：

结果如下图：

所需输出（FF 输出）：

IE6/7 输出： 如何在 IE 中摆脱这种不必要的填充，或者有其他方法吗？注意：我使用 jQuery 和 Nifty for jQuery 创建圆角。

两个 div，向左浮动，宽度未知。其中一个的内容超出了页面的大小，因此它移动到第一个下方（IE 除外）：

http://corexii.com/floatproblem/float.html

添加显示：内联表；并且大的包装了它的内容（在浏览器中始终如一）：

http://corexii.com/floatproblem/table.html

但是引入一个文档类型（不仅仅是严格的，任何文档类型），它在 Firefox 中不再存在：

http://corexii.com/floatproblem/doctype.html

如何在使用 doctype 的同时可靠地跨浏览器获取正确的 div 来包装其内容？

我有一个网页设计要求，要有这样的标题：

标题有 3 个部分：Div A、B、C。DIV A 向左浮动，而 DIV B 和 C 向右浮动。DIV A 和 DIV B 可能包含长文本。因此溢出的文本被截断为省略号。DIV C 有短文本，其内容不应被截断。

我试图使 HTML 如下所示：

text-overflow:ellipsis 仅在 DIV A 和 DIV B 具有宽度时才有效（在我的情况下，我将它们设置为 45%）。

但是，DIV C 存在一个问题。由于 DIV C 的宽度在不同的本地化中可能会有所不同，因此我们不能明确设置它的宽度。缩小浏览器窗口时，可以将 div C 换行到下一行。这看起来很糟糕。

有没有办法让DIV A和DIV B分别用溢出省略号向左和向右浮动，同时DIV C可以适应它的最佳宽度？

我试图让两个 div 浮动到页面的两侧，文本在它们之间流动。第二个（左对齐）div 的顶部应该与第一个（右对齐）div 的底部齐平。下面的代码在 FF、Chrome、Opera 等中运行良好，但在 IE 中无法正确清除。两个 div 都出现在文本的顶部。

如果我在文本中将左对齐的 div 移动到足够低的位置，它在 IE 中可以正常工作，但这并不是一个真正可持续的解决方案。

我在 IE CSS float bugs 上找到了多个页面，但我没有找到任何直接与此相关的内容。

CSS

HTML：

我想要黑色的外部div，将其divs 包裹在其中浮动。我不想在 id 中使用style='height: 200px，div因为outerdiv我希望它自动成为其内容的高度（例如，浮动divs）。

如何做到这一点？