html - 為什么我給div設置display:inline然后設置height還是有效呢

問題描述

不是說display:inline設置height和width沒有用嗎，不理解

<style type='text/css'> .navbar { background-color: #35322b; position: fixed; display: inline; height: 200px; left: 0; width: 100%;}</style><p class='navbar'></p>

問題解答

因為設置了 position: fixed根據規范，在設置了position: fixed或position: absolute的元素上，實際的display類型由下表確定：

因此 p 實際應用樣式為 display: block

inline元素的特點： 和其他元素都在一行上；默認。此元素會被顯示為內聯元素，元素前后沒有換行符。

高，行高及頂和底邊距不可改變；

行內元素，不能定義自己的寬和高(input是個例外，可以獨立設置寬/高)。如果需要設置高度，可以通過行高line-height撐起來。寬度就是它的文字或圖片的寬度，不可改變。

左右margin可以改變，padding可以改變。(ie6上下不能padding)

行內元素不會單獨的占有一行，而是挨著顯示的。行內元素要設置寬高，可以通過設置display:inline-block，即可像塊級元素一樣設置寬高了。

<span>, , <label>, <input>, <img>, 和是inline元素的例子