问题标签 [css-float]

我有一个横跨整个页面的块元素 (DIV)。它包含多个可变宽度的浮动 DIV。这个元素可以存在于许多网页上（任何人都可以把它放在他们的网站上）。在所有站点的 FF 中，它都正确呈现，浮动的 DIV 仅与其内部内容一样宽。在 IE 中，它有时可以工作——但在其他网站上却不行，而是将每个浮动 DIV 拉伸到其父级的宽度，这是不应该的。附上一张图片来进一步举例说明（红色DIV是容器，黑色DIV是浮动的）。

http://img8.imageshack.us/img8/4734/screenrrl.jpg （图像经过 Photoshop 处理，不是实际的 HTML 渲染）

我需要创建一个页面，其中包含大量行的并排引号。我正在寻找一个干净的 CSS2 演示文稿，其中每行的引号垂直排列并且不会在彼此下方运行。另外，我我正在寻找一种代码最少的解决方案，最好是不浮动 DIV 并且确实利用 display 属性的解决方案。

回复：下面的代码，我的想法是将每个引号包含在它自己的 DIV 中（希望一行的引号并排显示）并让一行的 DIV 包含在父 DIV 中（希望使下一行中的引号垂直排列）。撕开代码。开始一个新的。做任何你需要让我知道我哪里出错的事情。

好的，所以我有一个网站，整个东西都包装在一个容器中。此容器以 margin:auto 为中心。我想将一段内容浮动到这个居中容器的右侧，无论用户是否调整浏览器窗口的大小等，它都会粘在它的一边。我想知道是否有一种真正简单的方法来这样做而不是添加另一个巨大的 div，给它宽度并将居中的部分浮动到左侧，将内容块浮动到右侧。谢谢！

我的例子在这里

当被告知在 FF 中向右或向左对齐时，徽标看起来很好，并且它们似乎与文本正确换行，但在 IE 中，在第一行文本之后出现了巨大的间隙。

我还创建了浮动左右样式，并尝试应用于徽标，但效果相同。我知道这是 IE 中的一个问题，但我还没有找到解决方法。

我有一个父母div向左浮动，有两个孩子div我需要向右浮动。

父级div应该（如果我正确理解规范）尽可能宽以包含子div级，这就是它在 Firefox 等人中的行为方式。

在 IE 中，父div级扩展为 100% 宽度。这似乎是具有子项向右浮动的浮动元素的问题。测试页面：

不幸的是我不能固定子divs的宽度，所以我不能在父节点上设置一个固定的宽度。

是否有仅使用 CSS 的解决方法来使父级div与子级一样宽div？

我有一些问题，我设置了 2 个浮动 div 元素，其中一个 div 包含选择元素，当页面加载时 div 没有问题，但是一旦我单击选择框上的元素，div定位在右移到底部？

这里有一些关于我在说什么的示例代码：

和html

这里是之后和之前发生的事情的截图：
截图

完全不涉及 javascript

我已经使用 Opera (Presto)、Firefox (Gecko)、IE8 (Trident) 进行了测试，没有问题，似乎它只出现在基于 Webkit 的浏览器上，因为我已经在 Chrome 2、SR Iron 和 QTWeb 上进行了测试

PS：尽量忽略丑陋的表头，很快我会修复它（目前在 Opera、Firefox、IE8 浏览器上都可以）

我正在尝试拆分页脚，以便有左对齐和右对齐的文本。我有以下内容，但两个元素一个接一个地显示：

我敢肯定应该很简单，但我就是无法让它工作——有人可以提供任何建议吗？

谢谢

海伦

在下面的代码中，我希望带有 'y' 的 div 将 div 的高度与 3 个 'x' 匹配。

需要注意的是内部 div 是浮动的。

我最近一直在使用很多这样的花车：

有时我会将按钮浮动到右侧。有时我会将它们全部浮动到右侧。这就是问题开始的地方。如果我这样做，它真的会让人流连忘返，所以我必须继续输入这些：

在最后。如果我不将它们全部浮动，那会破坏布局。

有没有好的解决方案？

这是在 IE7 中给我带来问题的 html 代码

这是它应该看起来的样子，在ie8，firefox中看起来很好

http://img200.imageshack.us/img200/189/ie8.png

但在 IE7 中，浮动右图像这样跳到文档的右端

http://img33.imageshack.us/img33/6239/ie7bug.png

我该如何解决？我尝试删除高度宽度属性并使用最大高度，最大宽度。那没有帮助。多谢