Box 屬性意義
display: block: 前後會插入換行,寬會填滿父元素,高則是配合內容。可以用 width, height 設定。
預設: h1, p, divdisplay: inline: 不會換行,會連成一行。寬高都是依照內容,且不能使用 width, height。
預設: span, a, emdisplay: inline-block: 跟 inline 一樣,但能夠使用 width, height 設定寬高。display: list-item: 變成 marker + block。display: run-in: 如下圖 h2 被指定run-in它就會變成 inline 後續的元素如果是 block 就會如圖一樣合體。但是後續的元素如果是 inline 或者套用了 float, position ,那麼 h2 就會是 block。註: Firefox 和 IE7 目前都不支援 run-in
