css怎么使元素绝对定位有过度效果_html中，如何用css设置鼠标在div元素上悬停产生过渡效果，且不影响同级别的其他div元素？...

(1)我用css做了一个transition效果，鼠标hover后div的height值变大。但是会影响到页面内其他的div元素，如何改写代码才可以？如下图：(2)如果在鼠标hover后将div的width变大，会出...

(1)我用css做了一个transition效果，鼠标hover后div的height值变大。但是会影响到页面内其他的div元素，如何改写代码才可以？如下图：

(2)如果在鼠标hover后将div的width变大，会出现里面的文字无法在新增长的块内显示，如何修改？如下图：

下面为相应的源代码：

---------html-------------

茶杯

这是一个好茶杯

--------css---------

.paper_1{

background-color:#FFF;

width:200px;

height:200px;

margin:5px;

border:1px solid #CCC;

box-shadow:2px 2px 2px #888888;

display:inline-block;

-webkit-transition:width 0.3s

}

.paper_1:hover{width:420px;}

展开