CSS定位和大小行爲

Question

我想學習一點CSS，並且即將放棄定位和調整元素大小。

爲什麼

#name { 

height: 25% ; 
} 

原因div保持爲需要它的內容的大小（比如，如果只有一行文本，該div將在高度只有一行）。

但是，只要我添加position: relative ;它會高25％？

這似乎意味着，我必須添加位置屬性，每次我想要一個元素來改變它的大小，即使我不想讓它的位置超出靜態流。

另外我不明白哪個單位我應該挑選我的大小。 em，px，百分比...這有點矯枉過正。我認爲每次使用％以保持佈局「動態」或「響應」是有用的，這是錯誤的嗎？

最後一件事：大多數設計師爲什麼要使用class -attribute代替id，這是近未使用的，據我看到

Answer 1

不同的元素應用了例如不同的默認值display：一個div有display的block，而span元素使用inline，您可能試圖調整inline元素的高度。

至於測量，他們都有自己的位置，但我通常嘗試並堅持em因爲然後大小將調整與字體大小。在某些情況下，百分比和px一樣有用。然而就響應式設計而言，您應該主要使用媒體查詢（儘管使用百分比測量也可以幫助實現這一目標）。

爲了回答你的最終問題，ids只能在html中使用一次，因此只能應用於一個元素，類可以多次用於多個元素，所以只有意義上會有更多的聲明他們在html中。