html - CSS autoheight, but fit content to height of div -


I have a div in which there are three children- div in the left and middle div:

  float: left  

while true:

  float: true  

because it is my layout Actually will spoil, I've used ClearFix Hack:

  .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; }  

It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height.

How can I complete this?

PS is the full code:

   & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Schlagworte: & lt; / Th & gt; & Lt; TD & gt; {{Data.schlagworte}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Verlagsjahr: & lt; / V & gt; & Lt; TD & gt; {{Data.verlagsjahr}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; Div class = "status" ng-class = "{'m_available': data.status == 'intranbar', 'm_teken': data.states! = 'Entrybar'}" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "imgClass" & gt; & Lt; Img src = "img / ajax-loader.gif" ng-if = "loading == true" & gt; & Lt; Span ng-if = "noResults == true" & gt; Ken Erbenis Gefanden! & Lt; / Span & gt; & Lt; A href = "" ng-click = "load more ()" id = "loaderbayton" ng-if = "load more button == true" & gt; & Lt; Span class = "glyphicon glyphicon-chevron-down" aria-hidden = "true" & gt; & Lt; / Span & gt; Led Meher & Lieutenant; Span class = "glyphicon glyphine-chevron-down" area-hidden = "true" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt;  

something like that?

. Container {background color: lightweight; Height: 300px; } .section {display: inline-block; Limit: 1px solid black; Width: 32%; } .right {height: 100%; float right; }
  & lt; Div class = "container" & gt; & Lt; Div square = "left section" & gt; Left & lt; / Div & gt; & Lt; Div class = "middle section" & gt; Middle & lt; / Div & gt; & Lt; Div square = "right section" & gt; Right & lt; / Div & gt; & Lt; / Div & gt;  


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -