揭示一个剪裁的div

Question

根据下面的代码，我希望能够将鼠标悬停在SubBlockA（或B）上，并根据要显示的大块的大小显示当前隐藏的剪切信息。更具体地说，当前subBlockA被剪切在K处，当我将鼠标悬停在subBlockA上时，我希望能够显示文本的其余部分而不影响结构的其余部分。我不确定这是否可以使用CSS，或者我是否需要使用工具提示样式并在DIV上显示某些内容。任何建议

http://jsfiddle.net/randallmeeker/6bVmb/

<style>
div {
    display: block;
    clear: left;
    overflow: hidden;
}
#bigBlock {
    width: 100px; 
}
.nowrap{
    white-space: nowrap;
}
​</style>
<div id="bigBlock">
    <div id="subBlockA" class="nowrap">ABCDEFGHIJKL MNOPQRSTUVWXYZ</div>
    <div id="subBlockB" class="nowrap">12345678901 234567890</div>
</div>​

Answer 1

使用css和:hover：

可以非常轻松地使用

http://jsfiddle.net/6bVmb/1/