                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /css定位 position

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？

慕無忌3280818

2018-04-08

源自：css定位 position 4-2

關注問題我要回答

1637

操作

收起

4 回答

qq_陪你度過_03431211 回答被采納 +2 積分
2018-04-12

代碼錯了

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

收起回答

慕無忌3280818 提問者

火眼金睛，非常感謝?。?！

2018-04-16 回復有任何疑惑可以回復我~

慕九州5109875
2018-07-10

為什么是-103px才能居中

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

收起回答

qq_哃杺傑_0

因為你要算上本身的寬高呀

2018-08-15 回復有任何疑惑可以回復我~

慕無忌3280818 提問者
2018-04-11

代碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Html Css Study：導航跟隨效果</title>

padding: 0;

margin: 0;

}

.page{

width: 100%;

height: 800px;

background: url(images/girl.jpg) center top no-repeat;

}

.nav{

width: 160px;

height: 205px;

pozition: fixed;

left: 0;

top: 50%;

margin-top: 103px;?

font-family: 'Miscrosoft YaHei';

}

.nav-li{

width: 160px;

height: auto;

border-bottom: 1px solid #FFF;

background: #333;

text-align: center;

line-height: 40px;

color: #FFF;

font-size: 16px;

cursor: pointer;

}

.nav-li ul{

width:160px;

height: auto;

background: #FFF;

display: none;

}

.nav-li:hover ul{

display: block;?

}

.nav-li ul li{

width:160px;

height: 40px;

border-bottom: 1px dashed #666;

color: #333;

text-align: center;

line-height: 40px;

position: relative;

}

.tit{

width:160px;

height: 40px;

}

.nav-li ul li:hover .list-3{

display: block;

}

.list-3{

width:160px;

height: auto;

position: absolute;

left: 160px;

top: 0px;

display: none;

}

.list-3Dom{

width:160px;

height: 40px;

border-bottom: 1px solid #FFF;

background: #444;

text-align: center;

line-height: 40px;

color: #FFF;

}

</style>

</head>

<body>

<div class="tit">慕課網的標題</div>

<ul>

<li>

二級欄目

</div>

</li>

<li>

二級欄目

</div>

</li>

<li>

二級欄目

</div>

</li>

</ul>

</div>

<div class="tit">慕課網的標題</div>

<ul>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

</ul>

</div>

<div class="tit">慕課網的標題</div>

<ul>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

</ul>

</div>

<div class="tit">慕課網的標題</div>

<ul>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

</ul>

</div>

<div class="tit">慕課網的標題</div>

<ul>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

<li>

二級欄目

</li>

</ul>

</div>

</body>

</html>

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

收起回答

Smell_rookie
2018-04-10

代碼不發怎么知道咧

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

收起回答

舉報

0/150

提交

取消

css定位 position

參與學習 49036 人
解答問題 95 個

老師帶你了解CSS中定位的知識，并運用到實際案例中。

進入課程

本課相似問答

2 回答為什么和老師寫的一樣，但是效果圖不一樣

3 回答為什么一模一樣抄下來不顯示二級導航呢？

3 回答代碼一樣為什么不顯示圖片呢

2 回答有導航欄的代碼嘛？

1 回答我的二級欄目不能居中

搜索更多本課相關問答

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？

我要回答關注問題

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

熱搜

最近搜索清空

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？

4 回答

本課相似問答

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？

為什么我的代碼和老師的一樣，但是效果不一樣？？？導航不能居中？？？？