                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /網頁定位導航特效

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>網頁定位導航效果</title>

<style>

margin:0;

padding:0;

}

body{

font-size:12px;

line-height:1.7;

}

li{

list-style:none;

}

#content{

width:800px;

margin:0 auto;

padding:20px;

}

#content h1{

color:#0088bb;

}

#content .item{

padding:20px;

margin-bottom:20px;

border:1px dotted #0088bb;

}

#content .item h2{

font-size:16px;

font-weight:bold;

border-bottom:2px solid #0088bb;

margin-bottom:10px;

}

#content .item li{

display:inline;

margin-right:10px;

}

#content .item li a img{

width:230px;

height:230px;

border:none;

}

#menu {

position:fixed;

top:100px;

left:50%;

margin-left:400px;

width:80px;

}

#menu ul li a{

display:block;

margin:5px 0;

font-size:14px;

font-weight:bold;

color:#333;

width:80px;

height:50px;

line-height:50px;

text-decoration:none;

text-align:center;

}

#menu ul li a:hover,

#menu ul li a.current{

color:#fff;

background:#0088bb;

}

</style>

</head>

<body>

? <ul>

? ? <li><a href="#">1F 男裝</a></li>

? ? <li><a href="#">2F 女裝</a></li>

? ? <li><a href="#">3F 美妝</a></li>

? ? <li><a href="#">4F 數碼</a></li>

? ? <li><a href="#">5F 母嬰</a></li>

? </ul>

</div>

? ?<h1>地狗購物網</h1>

? ?<div id="item1" class="item">

? ? ? <h2>1F 男裝</h2>

? ? ? <ul>?

? ? ? ? <li><a href="#" class="current"><img src="../ajaxdemo/1F_愛奇藝.jpg" alt=""/></a></li>

? ? ? ? <li><a href="#"><img src="../ajaxdemo/1F_愛奇藝.jpg" alt=""/></a></li>

? ? ? </ul>

? ?</div>

? ?<div id="item2" class="item">

? ? ? <h2>2F 女裝</h2>

? ? ? <ul>?

? ? ? ? <li><a href="#"><img src="../ajaxdemo/2F_愛奇藝.jpg" alt=""/></a></li>

? ? ? </ul>

? ?</div>

? ?<div id="item3" class="item">

? ? ? <h2>3F 美妝</h2>

? ? ? <ul>?

? ? ? ? <li><a href="#"><img src="../ajaxdemo/3F_愛奇藝.jpg" alt=""/></a></li>

? ? ? </ul>

? ?</div>

? ?<div id="item4" class="item">

? ? ? <h2>4F 數碼</h2>

? ? ? <ul>?

? ? ? ? <li><a href="#"><img src="../ajaxdemo/4F_愛奇藝.jpg" alt=""/></a></li>

? ? ? </ul>

? ?</div>

? ?<div id="item5" class="item"> ? ??

? ? <h2>5F 母嬰</h2>

? ? ? <ul>?

? ? ? ? <li><a href="#"><img src="../ajaxdemo/5F_愛奇藝.jpg" alt=""/></a></li>

? ? ? </ul>

? ?</div>

</div>

</body>

</html>

明日之渺

2017-06-29

源自：網頁定位導航特效 4-1

關注問題我要回答

905

操作

收起

1 回答

慕粉2011362409
2017-07-04

你把css里面的注釋改成//單行注釋 ?試試

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

網頁定位導航特效

參與學習 71395 人
解答問題 504 個

本課程講解網頁定位導航特效，仿天貓版地狗購物網，你值得擁有

進入課程

本課相似問答

1 回答為什么圖片不能顯示九宮格，然后目錄頁不能顯示在右側呢？問題出在哪里？

2 回答為什么不能實現??？

2 回答按老師代碼敲得，為什么圖片還是不顯示在一行里呢？

2 回答為什么我的圖片設置230px不能顯示九宮格呢？第一列圖片前面還有空白不是居中

5 回答點擊右側導航條能正確顯示結果，但當滑動時右側導航條無任何效果，滑到在第一個圖層時右側導航條會全部顯示背景色

搜索更多本課相關問答

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？

1 回答

本課相似問答

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？

為什么不行啊，圖不能成一行，還有目錄不能顯示在右側??？？？