html - 如何在固定文本位置的情况下使CSS3中的框变大？

Question

如何在 CSS3 中使框(边框半径)尺寸更大？如果我设置 height 属性，例如 height:10%，它不会改变，但是 width:10% 使框的宽度更宽的。我不知道为什么会出现这种不一致。此外，当我将高度调整为 height: 100px 时，框大小发生变化，但文本大小保持不变，尽管编写了 vertical-align: middle。那么如何正确地使框尺寸变大但文本位置位于框的中间呢？

另外，为什么当鼠标悬停在盒子上时盒子的位置会移动而不是移动？

我写了 JSFiddle here

Answer 1

你不能隐藏那个div你只能让它透明

div{
background:transparent;
}