像这样试试...

.question-template {
    width: auto;
    height: auto;
    background-color: blue;
    overflow:auto;
}

这是因为你的两个子元素都是向左浮动的，这意味着容器不会伸展到包含子元素所需的最大高度。
要解决这个问题，你需要在你的css中添加一个clearfix类：

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

然后将类添加到HTML中，如下所示：

<div class="question-template clearfix">

更多信息，请访问：http://css-tricks.com/snippets/css/clear-fix/

*Live demo*........您好，现在请定义您的父div.question-template overflow:hidden;

.question-template{
overflow:hidden;
}

• • 方法二**

帮你父母洗脱罪名

• • 西撒哈拉**

.clr{
clear:both;
}

• • 超文本标记语言**

<div class="question-template">
<div class="participants">234</div>
<div class="question">Some lorem ipsum text</div>
    <div class="clr"></div>
</div>

Live demo

将overflow:auto加到.question-template
http://jsfiddle.net/4zjtp/2/

你需要在父div上应用一个clear the float来确保它占据了内部元素，你可以在父div关闭之前插入一个<div style="clear:left;"></div>或者在父div上应用一个clearfix类。

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
​

然后只需将clearfix类添加到父div

...    
<div class="question-template clearfix">
...

Working Example

检查你的display属性，也许是它的inline？将它更改为block或其他。

<div>元素使用固定高度，将如下所示

.question-template {
    width: auto;
    height: 150px;
    background-color: blue;
 }
 .question {
    float: left;
    margin: 10px;
    color: white;
 }
 .participants {
    background-color: green;
    float: left;
    margin: 10px;
 }