當我將孩子左右移動時，如何在IE7中使容器「縮水」？

Question

這是問題的一個示例： http://jsfiddle.net/ryfvn/

在IE7容器變滿寬度和丟失他的收縮包裝。如果兩個孩子都向左飄浮，或者他們兩個都漂浮正確，則不會發生這種情況。

Answer 1

將寬度添加到您的.container元素。

Answer 2

有同樣的問題，找不到答案使用浮右，但我能夠得到相同的效果，使用絕對定位。

http://jsfiddle.net/johntrepreneur/QSr6K/2/

<div class="container"> 
    <div class="left">content</div> 
    <div class="right">content</div> 
</div> 

<style type="text/css"> 
    .container { 
      float: left; 
      padding: 10px 50px 10px 10px; 
      background-color: green; 
      position:relative; 
    } 

    .left { 
      float: left; 
      background-color: red; 
    } 

    .right { 
      background-color: blue; 
      position: absolute; 
      right: 10px; 
      top: 10px; 
    } 
</style>