如果要實現(xiàn)鼠標懸停自動展開的效果，可以使用CSS的:hover偽類和transition屬性。先設(shè)置一個包含展開內(nèi)容的div，寬度為0，當鼠標懸停在外層包含的div上時，設(shè)置內(nèi)層div的寬度為需要展開的寬度，并使用transition屬性進行過渡，實現(xiàn)自動展開的效果。代碼示例如下：

.outer{
position: relative;
width: 50px;
height: 50px;
background-color: #ddd;
}
.inner{
position: absolute;
top: 0;
left: 0;
width: 0;
height: 50px;
background-color: #333;
transition: width 0.3s ease-in-out;
}
.outer:hover .inner{
width: 100px;
}

以上代碼中，outer為外層容器，內(nèi)部包含了一個寬度為0的inner，當outer被懸停時，使用:hover偽類進行觸發(fā)，將inner的寬度設(shè)置為需要的展開寬度100px，transition屬性用于設(shè)置寬度改變的過渡效果，可以自行設(shè)置時間和緩動函數(shù)。在實際應(yīng)用中，可以根據(jù)需要對CSS進行調(diào)整和優(yōu)化，來達到更加滿意的鼠標自動展開效果。