?.leftdiv dl{
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? display:block;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? border-bottom:1px solid #EEE;/*下邊線*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? padding-bottom:6px;/*下邊線和字體距離*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? overflow:hidden;/*防字體溢出*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? /*為電子書設(shè)置樣式*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? .leftdiv dl dt{
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? display:block;/*塊狀顯示*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? float:left;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? width:60px;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? text-align:right;/*文字右對齊*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? height:22px;/*塊兒的高度*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? line-height:22px;/*行高?? 文字尺寸和行間距之和*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? padding-right:6px;/*主體右內(nèi)邊距*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ??? ??? ??? ????????? /*定義電子書超鏈接*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? .leftdiv dl dt a{
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? color:#e4393c;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? font-weight:bold;/*加粗*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? text-decoration:underline;/*下劃線*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?? font-size:10pt;/*10磅*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? .left dl dd{
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? display:block;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? overflow:hidden;/*防止溢出*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? }
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? /*分隔線*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? .leftdiv dl dd a{
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? display:block;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? float:left;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? border-left:1px solid #CCC;/*左邊線*/
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? color:#737373;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? font-size:9pt;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? padding:0 8px;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? height:14px;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? line-height:14px;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? margin:4px 0;
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ? }

<ul? class="topmenu">
?????????? <div class="toptitle">
?????????????? 全部商品分類
?????????? </div>
?????????? <li><a href="#">圖書、音像、數(shù)字產(chǎn)品</a><span></span>
?????????? <!--懸浮層樣式-->
?????????????????? <div class="submenu">
?????????????????????????? <div class="leftdiv">
?????????????????????????? <dl>
??????????????????????????????? <dt><a href="#">電子書</a></dt>
??????????????????????????????? <dd>
????????????????????????????????? <a href="#">免費(fèi)</a><a href="#">小說</a><a href="#">勵志與成功</a><a href="#">婚戀/兩性</a>
????????????????????????????????? <a href="#">文學(xué)</a><a href="#">經(jīng)營</a><a href="#">暢讀VIP</a>
??????????????????????????????? </dd>
?????????????????????????? </dl>
?????????????????????????? <dl>
????????????????????????????
???????????????????????????? <dt><a href="#">生活</a></dt>
???????????????????????????????????????????? <dd>
????????????????????????????????????????????????????? <a href="#">家教與育兒</a><a href="#">旅游/地圖</a><a href="#">烹飪/美食</a><a href="#">時尚/美妝</a>
????????????????????????????????????????????????????? <a href="#">免費(fèi)</a><a href="#">家居</a><a href="#">婚戀與兩性</a><a href="#">娛樂/休閑</a>
????????????????????????????????????????????????????? <a href="#">健身與保健</a><a href="#">動漫/幽默</a><a href="#">體育/運(yùn)動</a>
???????????????????????????????????????????? </dd>
?????????????????????????????? </dl>