1

我正在尝试创建一个类似这样的布局（你需要发挥你的想象力）：

A B
  B
  B

A 是一段文本，B 是一段文本，我想将其左边缘与自身对齐。

更复杂的是，B 默认是隐藏的，在设置页面流时不应该考虑，而是应该在 A 将鼠标悬停在它出现的任何地方时出现。因此：

A1
Asecond

在 A1 的鼠标悬停时变为：

A1 B1
AseB1
   B1

每个 AB 行都包含在具有固定宽度的 div 中。我事先不知道 A 的大小，所以我希望 B 简单地占用 div 中剩余的空间。

在 Firefox 上，我只是让 B 有一个绝对位置，一切都很好，完全符合我的预期。

但是，在 IE8 上，B 的宽度等于包含固定宽度的 div，由于 B 已经被 A 的宽度偏移，导致 div 被溢出文本溢出。我可以将 div 设置为溢出:hidden，但这只是简单地切断了文本。将 B 设置为具有 width:auto 似乎没有做任何事情。

我只是搞砸了，还是我可以采取一种适用于所有现代浏览器的方法？

4

1 回答 1

1

试一试：http ://www.alistapart.com/articles/conflictingabsolutepositions/冲突绝对位置是我最喜欢的解决方法。

根据此说明，在某些情况下可能无法在 IE6 中工作：http: //fu2k.org/alex/css/frames/

于 2010-02-28T09:02:19.020 回答