title: How to position a div to right end of the container without absolute position and float?
body: <p>Is there any possibilities to position a div to the right of the container without use of absolute position and float? Whenever I use the <code>float:right</code> or <code>position: absolute</code> the container does not know about the floated or positioned element content height which leads to layout issues.</p>
  
  <p>I tried setting fixed height to the floated or positioned element then adding padding-bottom to the height of the floated or positioned element. </p>
  
  <pre><code>.container{
    padding-bottom: 20px;
  }
  
  .container .float_right{
     float: right;
     height: 20px;
  }
  </code></pre>
  
  <p>Even though it is okay but I am looking for better solution than this. Can anyone here tell me if there are any other solution to the problem?  </p>