html - Child div 100% height to parent auto height -


im here because other similar questions could not help my particular problem.

I need correct div 100% height at all times, where parent height div height of which content Depends on the dependency on the inside may be.

Here is the html: 

  & lt; Div class = "container clearfix" & gt; & Lt; Div class = "left" & gt; & Lt; / Div & gt; & Lt; Div class = "right" & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 is a CSS:  
  .container {min-height: 10px; Width: Auto; Height: auto; Background color: #eeeeee; } .left {status: relative; Swim left; Min-height: 100px; Width: 50px; Background color: #dddddd; } .right {min-height: 20px; Status: Relative; Swim left; Height: 100%; Width: 50px; Background color: #dddddd; } .clarfix: after {content: "."; Display area; Clean both; Visibility: hidden; Line-height: 0; Height: 0; } .clearfix {display: inline-block; }   
 A note: 
 I am using  clearfix . And if you can show your answer in  jsfiddle   
 Here are the other solutions to read your comments on JSfield   
 
 
 It is clear to me that only one solution for you is to implement some JS in your code. This is not a problem, though.

Comments

Post a Comment