父元素**上的display: flex**也会更改width和height的工作方式。禁用按flex: 0 0 auto;收缩/增长，或改用min-width和max-width。
width和height在此上下文中基本上失去了原来的含义，将充当flex-basis，请参见geddski: The Difference Between Width and Flex Basis

.box {
  margin: 2px;
  border: 1px solid black;
  padding: 3px;
}
.box.gray {
  background: lightgray;
}
.box.container {
  display: flex;
  flex-flow: row;
}

<div class="box" style="
  width: 300px;
  font-size: 80%;
">
  <div>
      width: 300px;
  </div>
  <div class="box container">
    <div class="box gray" style="width: 200px;">
      width: 200px;
    </div>
    <div class="box gray" style="width: 200px;">
      width: 200px;
    </div>
  </div>

  <div class="box container">
    <div class="box gray" style="
      width: 200px;
      flex: 0 0 auto;
    ">
      width: 200px;<br>
      flex: 0 0 auto;
    </div>
    <div class="box gray" style="width: 200px;">
      width: 200px;
    </div>
  </div>

</div>

试试看
显示：块
应该可以

display: inline-block;对我有用
示例：

label {
    min-width: 90px;
    display: inline-block;
}

我希望你看起来像这样：-http://tinkerbin.com/MU2CUpre
实际上你已经在你的child div's中使用了floating，而没有在你的parent div中使用clear。所以我在父div中使用了cleared，你的parent div到overflow:hidden;，而cleared这个子div .product_details也工作得很好。

• • 中央支助组**

.product_info
{
    margin-top:10px;
    background:#444;
    width:850px;
    overflow:hidden;
}

.product_details
{
    float:left;
    width:400px;
    margin-left:25px;
    font-size:14px;
    font-family:"Helvetica";
    background:#d71414;
    clear:both;
}

使用clear: both;属性。

.product_info {clear: both;}

现在定义你的类.product_intooverflow:hidden;

一个月一次

像这样

.product_info{
overflow:hidden;
}

=====

• • 或备选案文2**

定义一个css

• • 西撒哈拉**

.clr{
clear:both;
}

将此div放在最后一行关闭.product_info类

<div class="product_info">
                <div class="product_image">

                </div>

                <div class="product_details">
                    <div class="selection">
                    <form action="{$path_site}{$indeex_file}" method="post">
                    Size
                    {foreach name = feach item = k from = $product_size}
                        <input type="radio" name="size" value="{$k.product_size}" />{$k.product_size}
                    {/foreach}

                    </div>

                    <div class="selection">
                    No. of pieces <input type="text" name="quantity">

                    </div>
                    <div class="prc">
                        <span class="WebRupee">Rs.</span> {$product_info->product_cost}.00
                            </div>

                    <div class="buy_btn"><input type="submit" value="BUY" /></div>
                    </form>
                </div>
                  <div class="clr"></div>
            </div>

Live demo option two