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伪元素全高

回答

相关问题