如何在div.row中設置高度100％div？

<div class="container" style="background-color: red"> 
<div class="row"> 
<div class="col-xs-6" style="background-color: green; height: 100%"> 
    <img src="http://www.unixstickers.com/image/data/stickers/jsfiddle/JSfiddle-blue-w-type.sh.png" class="img-responsive img-circle center-block" style="width: 20px"> 
    </div> 
    <div class="col-xs-6" style="background-color: blue"> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    </div> 
    </div> 
</div>

活生生的例子：https://jsfiddle.net/t814cmts/如何在div.row中設置高度100％div？

如何設置高度爲100％的div.row第一個div？爲什麼身高：100％不工作？我知道 - 我可以用px設置高度，但是我的網站必須具有響應能力，我不想爲所有設備設置px。

我想要身高100％，因爲我想將圖像置於右側的文字中。

來源

2016-01-06 wesugomaw

http://stackoverflow.com/a/31728799/3597276 –

您更新小提琴：https://jsfiddle.net/ t814cmts/4/ –

[爲什麼百分比高度無法在我的div上工作？]（http://stackoverflow.com/questions/31728022/why-is-percentage-height-not-working-on-my-div ） –

你希望你的圖像在左邊的div應該居中右邊的div包含文本。所以即使你的內容div高度增加，你的左格的圖像應該垂直居中？我想這場比賽高度JavaScript來匹配高度相鄰的元素，看看網址http://brm.io/jquery-match-height-demo/

來源

2016-01-06 18:34:54 kamal

如何在div.row中設置高度100％div？

回答

相關問題