2011-12-18 111 views
1

修訂絕對位置或絕對填充

我知道填充使距離邊框,但

爲什麼我們必須使用填充絕對位置?

我有這樣的:

  #Menu ul li a{width:126px; 
         height:20px; 
         text-align:center; 
         color:Black; 
         position:absolute; 
         text-decoration:none; 
         background-color:inherit; 
         padding:15px 0 15px 0;} 

但是,爲什麼我應該設置填充頂和padding-底部呢? (如果不這樣做,高度將不會設置爲20.)

將padding設置爲它的父座標還是瀏覽器(文檔)的座標?

感謝

回答

3

填充應用於所述測量到元件的內部。通常希望在塊元素的邊緣不要有文本或其他元素。填充往往是不是關於定位,它是關於美學

+0

注:爲什麼我們應該使用填充絕對位置? – 2011-12-18 18:54:27

+0

查看更新版本的問題請 – 2011-12-18 18:56:06

+0

我不理解那個評論。填充遠不及定位。沒有「絕對填充」這樣的東西。絕對定位與填充完全不同。定位控制元素位於X/Y的位置。填充控制該元素內的項目如何與元素的邊緣交互。 – Scott 2011-12-18 18:56:22

0

通常將元素的內容從邊框(或背景的邊緣)中分離出來。

+0

爲什麼我們應該使用填充絕對位置? – 2011-12-18 18:55:03

+0

我今晚可能比我應該有更多的港口,但我敢肯定,我們不是在玩「Jeopardy !,美國最喜歡的測驗秀®」 – Quentin 2011-12-18 18:56:32

0

我想斯科特的評論已經回答了你的問題。在回答你的第二個問題時,代碼中的另一個選擇器可能會影響錨點的高度,因爲代碼可以使用或不使用填充頂部/底部。

隨着高度:20px你正在創建一個高度爲20px的塊,然後提供邊距的組合不超過20px,錨點的文本使用填充位於此「塊」內。