如何在悬停时调整列大小？

Question

我想做的是，

列框为100% width，当您将其悬停时，我希望转换到左侧，并且框架列的宽度约为60%，第二个块20，仅在您悬停块时显示。< / p>

我的css和html在link中。

我们这样说：

例如，如果我有

<div main>
 <div left60%>
  <div right40%>
</div main>

当我在主div上方时，左边的div保持60%宽度，右40%。

Answer 1

我不是100％确定你想要做什么，但我认为这可能很接近： JSFIDDLE

我把你的盒子改成了：

.box{
    transition:2s;
  width:100%;
}

并添加此内容以显示block20

.box:hover + .block20{
 display:block;
 }

我还告诉你的block20 display:none，因为你想要它发生之前隐藏