我正在尝试创建这样的布局（你需要运用你的想象力）：
A B
B
B
A是一段文字，B是一段文字，其左边缘我想与自己平分排列。
为了使问题更加复杂，默认情况下B是隐藏的，在设置页面流时不应该考虑B，而是当A将鼠标放在碰巧出现的位置之上时，应该出现。因此：
A1
Asecond
关于A1的鼠标悬停变为：
A1 B1
AseB1
B1
每个AB行都包含在具有固定宽度的div中。我事先并不知道A的大小，所以我希望B只是在div中留下很多空间。
在Firefox上，我只是让B有一个绝对的位置，而且一切都很棒，它的工作方式与我预期的完全一样。
然而，在IE8上，B的宽度等于固定宽度的包含div，导致div被溢出文本溢出，因为B已经偏移了A的宽度。我可以设置div溢出：隐藏，但这只是简单地删除文本。将B设置为宽度：auto似乎不执行任何操作。
我只是搞砸了，或者我可以采用哪种方法适用于所有合理的现代浏览器？
答案 0 :(得分：1)
给出一个镜头：http://www.alistapart.com/articles/conflictingabsolutepositions/冲突的绝对位置是我最喜欢的解决方法。
在某些情况下可能无法在IE6中运行，根据本说明：http://fu2k.org/alex/css/frames/