display: contents元素本身不產生任何邊界框，而元素的子元素與偽元素仍然生成邊界框，元素文字照常顯示(W3C解釋)。

理解：當前div 不產生任何框 ，因此不會渲染其背景background 邊框border 和 內邊距padding/margin ，但字型顏色 / 字型大小等繼承的屬性還是會對其子元素產生效果

騷應用：用到button上去除button的預設樣式 ，小程式中生效；但是用於<br><canvas><object><audio><iframe><img><video><frame><input><textarea><select>等同於display:none隱藏元素

案例：我們將元素button和img放進了p元素中，並設定display: contents ，我們發現img沒有顯示，button的預設樣式去掉了，是不是一個騷操作？