【发布时间】：2011-01-17 14:26:55
【问题描述】：
我正在尝试创建一个类似这样的布局（你需要发挥你的想象力）：
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 溢出：隐藏，但这只是切断文本。将 B 设置为具有 width:auto 似乎没有任何作用。
我只是搞砸了，还是我可以采取一种适用于所有现代浏览器的方法？
【问题讨论】：
-
对答案感兴趣，但遗憾的是我也遇到过同样的事情：IE 经常在不适当的情况下将 div 吹到容器的整个宽度。
标签： css internet-explorer width css-position