不能添加任何元素到一行中的相對div

我想在一行中獲得兩個相對定位div，並且代碼工作正常，但是當我試圖將它變成一個大混亂時將一些元素添加到其中一個元素中。爲什麼會發生？如何解決它？不能添加任何元素到一行中的相對div

* { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
.parent { 
 
    white-space: nowrap; 
 
    font-family: Arial; 
 
    color: #222; 
 
    letter-spacing: 1px; 
 
} 
 

 
.kiddo { 
 
    position: relative; 
 
    width: 50%; 
 
    height: 20vh; 
 
    display: inline-block; 
 
} 
 

 
.first { 
 
    background: pink; 
 
} 
 

 
.second { 
 
    background: skyblue; 
 
}

<div class="parent"> 
 
    <div class="kiddo first"> 
 
    <!-- divs are in one line only when they doesn't contain any elements --> 
 
    <p> 
 
     Lorem ipsum dolor sit amet 
 
    </p> 
 
    </div><!-- 
 
    --><div class="kiddo second"></div> 
 
</div>

來源

2016-10-23 rndm

你的款也加入到該元素的高度。在DIV周圍放置邊界並查看... –

適用float:left到.kiddo的然後正常工作

來源

2016-10-23 20:59:01 Araz

不能添加任何元素到一行中的相對div

回答

相關問題