Chrome元素檢查

Question

將CSS設置調試爲元素時，我們可以從Chrome開發工具打開元素檢查。參考下面的圖像，font-size，14px應用於style.css中，並且覆蓋base.css中的設置，那麼height？沒有任何.css的CSS聲明，哪個樣式表控制着高度？

Answer 1

對於默認height:auto。這意味着默認情況下，高度是根據元素內容的高度（在您的案例中爲80px）設置的。你可以用css覆蓋它。

Answer 2

除非您設置display:block;，否則文本塊的高度是line-height乘以文本行數的函數。所以你的80px高度被忽略了。

注意：另外，爲文本塊設置固定高度時要小心，因爲文本可能變得太長而不適合框。您可以使用overflow來控制在這種情況下發生的情況。