html代碼：? ? ? <div id="buttondrow">? ? ? ? <button>更多產(chǎn)品</button>? ? ? ? <div id="menudrow">? ? ? ? ? ?<span id="more">更多產(chǎn)品</span>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<img src="1.png" alt="music">? ? ? ? ? ?<a href="">音樂</a>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<img src="2.png" alt="picture">? ? ? ? ? ?<a href="">圖片</a>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<img src="3.png" alt="knowlege">? ? ? ? ? ?<a href="">知道</a>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<img src="4.png" alt="words">? ? ? ? ? ?<a href="">文庫(kù)</a>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<img src="5.png" alt="loundlist">? ? ? ? ? ?<a href="">風(fēng)云榜</a>? ? ? ? ? ?<hr color="#e8e8e8" size="1px">? ? ? ? ? ?<a href="" style="text-decoration:underline; margin-top:15px;">全部產(chǎn)品&gt;&gt</a>? ? ? ? </div>CSS代碼：#buttondrow{display:inline-block;}#menudrow a,img{display:block;}#menudrow img{? margin:0 auto;? padding-top:15px;}#menudrow a{? padding-bottom:12px;? padding-top:5px;? font-weight:normal;? text-decoration:none;}#menudrow a:hover{text-decoration:underline; color:black;}#more{display:block; padding-bottom:10px; padding-top:20px; padding-left:12px;}#menudrow{? width:85px;? height:100%;? background-color:#ffffff;? position:absolute;? border-left:1px solid #e8e8e8;? text-align:center;? top:0px;? right:0px;? display:none;}button{? display:inline-block;? width:60px;? height:23px;? font-size:12px;? color:white;? background-color:rgb(51,173,255);? border:none;? margin-left:3px;}#buttondrow:hover #menudrow{display:block;}