                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /導(dǎo)航條菜單的制作

設(shè)置float屬性后，是不是就轉(zhuǎn)換為了塊狀元素？可以設(shè)置寬度高度了呢？

<!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>無標(biāo)題文檔</title>
<style>
*{margin:0;padding:0}
.menu{?background-color:#ccc;width:80px;font-size:20px;letter-spacing:10px;text-decoration:none;margin-left:5px;margin-top:5px;color:red;text-align:center;float:left;}
ul{list-style:none;margin-left:50px;text-indent:10px;}
a.menu:hover{background-color:orange;color:blue;}
</style>
</head>

<body>
<ul>
	<li><a?class="menu"?>首頁</a></li>
????<li><a?class="menu"?>學(xué)習(xí)</a></li>
????<li><a?class="menu"?>游戲</a></li>
????<li><a?class="menu"?>休閑</a></li>
????<li><a?class="menu"?>娛樂</a></li>
????<li><a?class="menu"?>其他</a></li>
</ul>

</body>
</html>

qq_墮落的撒旦_0

2016-10-08

源自：導(dǎo)航條菜單的制作 2-1

關(guān)注問題我要回答

2903

操作

收起

3 回答

慕粉2035072466 回答被采納 +3 積分
2016-10-22

你說的沒錯(cuò)，設(shè)置float：left，float：right，position：Absolute 后會(huì)使元素變?yōu)閴K狀元素

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_墮落的撒旦_0 提問者

恩恩，好的吧，謝謝了！

2016-10-23 回復(fù) 有任何疑惑可以回復(fù)我~

#2

人非草木

應(yīng)該是變成行內(nèi)塊狀元素吧

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

折翼天使I
2016-10-19

float：是設(shè)置為浮動(dòng)；
display：block；才是設(shè)置為塊狀元素；
塊狀元素就具備盒子模型特征，可是margin，padding等屬性；

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_墮落的撒旦_0 提問者

可是我設(shè)置浮動(dòng)后，就可以設(shè)置margin、還有height等屬性了···

2016-10-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

RJason 回復(fù) qq_墮落的撒旦_0 提問者

我之前也發(fā)現(xiàn)這個(gè)問題，因?yàn)槲以谠O(shè)置inline-block元素浮動(dòng)以后，它的表現(xiàn)就像塊元素一樣了。還有inline元素也是一樣。inline-block浮動(dòng)以后最明顯的變化是4px邊距消失了，而inline元素則是能像塊元素一樣設(shè)置寬高margin,padding的上下值了。我還特意做了一個(gè)小demo試驗(yàn)了一下，確實(shí)是這樣的，但是我只在chrome下做了測試，浮動(dòng)以后，替換元素和內(nèi)聯(lián)元素在計(jì)算值上面顯示的是block。不知道W3C里面有沒有定義關(guān)于這個(gè)問題的規(guī)范

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

#3

qq_墮落的撒旦_0 提問者回復(fù) RJason

沒找到···

2017-01-09 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

qq_墮落的撒旦_0 提問者
2016-10-08

.menu{?background-color:#ccc;width:80px;font-size:20px;letter-spacing:10px;text-decoration:none;margin-left:5px;margin-top:5px;color:red;text-align:center;float:left;}

主要就是這句。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答