CSS僞元素全高

我喜歡使用CSS僞元素在DIV之前添加圖標。我爲此創建了一個JS小提琴。問題是，之前的僞元素不佔用整個高度。我喜歡它與div具有相同的高度。目前它只需要圖標所需的高度。CSS僞元素全高

<div class="icon"><p>Lorem Ipsum...</p><p>Lorem Ipsum...</p><p>Lorem Ipsum...</p><div>

http://jsfiddle.net/marcbaur/veq13ohs/

有有關於如何解決此問題的想法的人？

Greets

來源

2014-10-22 mooonli

使用'顯示：塊;'。 – 2014-10-22 07:37:24

hi @marcbaur檢查到此http://jsfiddle.net/veq13ohs/3/ – 2014-10-22 07:45:33

我想你想要做這樣的事情。請記住，設置height爲:before我已使用position: absolute和父母position: relative。

.icon { 
 
    background-color: blue; 
 
    position: relative; 
 
    padding-left: 54px; 
 
    border: 1px solid red; 
 
} 
 
.icon:before { 
 
    width: 50px; 
 
    display: block; 
 
    content: url("http://www.alsacorp.com/catalog/images/C_world_icon.jpg"); 
 
    background: #fff; 
 
    position: absolute; 
 
    top: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
}

<div class="icon"> 
 
    <p>Lorem Ipsum...</p> 
 
    <p>Lorem Ipsum...</p> 
 
    <p>Lorem Ipsum...</p> 
 
<div>

來源

2014-10-22 07:41:58

CSS僞元素全高

回答

相關問題