http://idcbgp.cn/code/276在這節(jié)課中不需要絕對(duì)定位貌似也可以實(shí)現(xiàn)？？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無(wú)標(biāo)題文檔</title><style type="text/css">*{margin:0px; padding:0px}?#a{background-color: #CCCCCC; width:600px; height:40px; margin:0 auto;}?ul{list-style:none;}?ul li{float: left; line-height:40px; text-align:center; width:100px;}?a{color: #FFFFFF; text-decoration:none; ?background-color: #CCCCCC; width:100px;display:block;}?a:hover{color: #000000; background-color: #00FFFF;}?ul li ul{ display:none;}? ul li ul li{ margin-top:2px;}?ul li:hover ul{ display: block;}??</style></head><body><div id="a"><ul>? <li><a href="#">首頁(yè)</a></li>? <li><a href="#">課程大廳</a>? ?<ul>? ? ? <li><a href="#">視頻學(xué)習(xí)</a></li>? ? ? <li><a href="#">案例學(xué)習(xí)</a></li>? ? ? <li><a href="#">交流平臺(tái)</a></li>? ? </ul>? </li>? <li><a href="#">學(xué)習(xí)中心</a>? <ul>? ? ? <li><a href="#">視頻學(xué)習(xí)</a></li>? ? ? <li><a href="#">案例學(xué)習(xí)</a></li>? ? ? <li><a href="#">交流平臺(tái)</a></li>? ? </ul>? </li>? <li><a href="#">經(jīng)典案例</a></li>? <li><a href="#">關(guān)于我們</a></li></ul></div>?</body></html>
1 回答
已采納
剛毅87
TA貢獻(xiàn)345條經(jīng)驗(yàn) 獲得超309個(gè)贊
布局方式有一下幾種：
1.浮動(dòng)布局；
2.定位布局；
3.固定布局；
4.響應(yīng)式布局；
5.彈性布局。
一種布局效果,可以用多種方式實(shí)現(xiàn),不要拘泥于形式.
添加回答
舉報(bào)
0/150
提交
取消