在悬停时将div扩展到容器外的内容

Question

我有div，其内容通常比自身大。应该隐藏溢出：

但是，当用户将鼠标悬停在div上时，它应展开以适应内容。如有必要，它应该在其容器上分层。容器div不应该扩展。 div的右上角应保持在页面上的相同位置。

我尝试了position: relative，各种浮动值等等，但没有运气。

如何实现此布局？

Answer 1

您需要将内容（可能是一个段落）放在div中。

修改悬停时的高度和溢出。

＆＃13;

＆＃13;

        <a class="confirm_click" href="" url="deleterecord.php?ID=<?php echo $row_rsInventory['ID']; ?>">
            <img src="../images/x.png" align="absmiddle">
        </a>

＆＃13;

UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(x, y, width, height)];
UILabel *labelView = [[UILabel alloc] initWithFrame:CGRectMake(x, y, width, height)];
labelView.text = @"Some Text";

[headerView addSubview:labelView];
self.tableView.tableHeaderView = headerView;

＆＃13;

＆＃13;

＆＃13;

Answer 2

我不太清楚你的问题，但是 你的div上有固定的宽度和固定的高度吗？那么

div{
  width:200px;
  height:50px;
  overflow:hidden;
}
div:hover{
  width:200px; 
  height:auto; 
  overflow:auto
}