我已經花了相當不錯的時間在這個上,但無法找到解決方案。我的問題是,我想在文本塊的內容之前顯示一個圖形,並且該圖標所包含的元素應該填充身體所需的所有高度。這適用於除IE以外的所有瀏覽器版本。表細胞上面使用IE11,你會看到我的問題是小提琴:如果添加/刪除顯示我已經在這個fiddle在IE11中使用僞元素:: before和display:table-cell和glyphicons contens不會出現
<div class="block">
<div class="body">BODY</div>
</div>
.body::before {
background: blue;
content: "\e005";
font-family: "Glyphicons Halflings";
display: table-cell;
width:30%;
}
.body {
background-color: green;
display: table;
width: 25%;
}
煮下來。有人可以給我一個解決方案,甚至更好,解釋發生了什麼。
或者你可以聲明一個'float'屬性爲@Sammy提到的。聲明一個具有'none'以外的值的'float'屬性可將'display:table-cell'轉換爲'display:block;'(參見[here](http://www.w3.org/TR/CSS21/) visuren.html#DIS-POS-FLO))。所以,沒有關於'浮動'的技巧,仍然是'顯示'屬性創造了變化。 – 2015-04-01 00:05:50
我很肯定,浮動生成的內容將有效地取消它的'display:table-cell;'屬性,這意味着它的高度將不再匹配.body元素的高度。 – DoctorDestructo 2015-04-01 02:20:41