当IE窗口缩小时，DIV会溢出外部DIV（Restore-Down）

Question

我有以下CSS和HTML，可以正常显示DIV的平行。但是当我减小IE窗口大小（恢复）按钮控制溢出根DIV时。有没有办法解决它。基本上我希望CSS能够在root div中调整DIV，即使用户减少了页面窗口大小。

CSS

<style type="text/css">
 #root {
   background-color: #eee;
   width:100%;
 }

#left_side {
  float: left;
  padding-left: 10px;
  width:60%;
}

#right_side {
  float: Left;
  width: 40%;
  padding-right: 10px;
}
</style>

HTML

<div id="root" style="border:#04476F;border-color: #04476F; border-style: solid">      
  <div id="left_side">   Some Text here.     
  </div>       
  <div id="right_side">    
    <input type="submit" value="Submit your Request" />   
  </div>
</div>  

由于

Answer 1

工作jsFiddle

添加div位置，而不是将填充添加到内部div，将其添加到容器中。

 #root {
   background-color: #eee;
   width:100%;
    padding:0 10px;
 }

#left_side {
  float: left;
  width:60%;
  position:relative;
}

#right_side {
  float: left;
  width: 40%;
  position:relative;
}

PS：还有，在右边你写的位置：左;有资本L。