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
Post a Comment