让两个div自动适应屏幕大小并且各占一半页面

代码：

 #one{
            float: left;
            /*display: inline-block;*/
            width: 50%;
            height: 40%;
            word-wrap: break-word;
         /*//   border-bottom: 3px solid red;*/
        }
  #two{
            /*display: inline-block;*/
            float: right;
            position: relative;
            width: 50%;
            height: 40%;
            /*border-bottom: 3px solid green;*/
        }


   <div class="FGH  delivery_day left col-md-4" id="one">
</div>
 <div class="FGH  delivery_day left col-md-4" id="two">
</div>