html - Flexbox - make flex item child 100% height -

-

jsfiddle identical html/css i'm working included: http://jsfiddle.net/pf5bczle/

how make .box 100% height of parent, in case .box-wrap?

according this post flexbox's item imperfection doesn't act 100% height children. there other way achieve items have same height although height dynamic?

thanks time

very close in stretching child elements. playing example, add following css .box-wrap

.box-wrap {     display: -webkit-flex;     display: flex;     -webkit-flex-direction: column;     flex-direction: column; }

then add following .box

.box {     -webkit-flex: 1;     flex: 1;  }

jsfiddle link


Comments

Post a Comment

Popular posts from this blog

java - Ebean enhancement ignores a model -

-
we using avaje-agentloader enhance our ebeans. ebeans in same package. including loader, agent & base ebean library in our project (via sbt): "org.avaje" % "avaje-agentloader" % "1.1.2", "org.avaje.ebeanorm" % "avaje-ebeanorm" % "4.5.5", "org.avaje.ebeanorm" % "avaje-ebeanorm-agent" % "4.5.2", however, when loader runs enhancement, skips 1 ebean. each ebean annotated @entity , extends com.avaje.ebean.model . there seem no differences between ones enhanced , 1 not. there no includes, or extends, etc. basically, i'm wondering if has run across issue in past, or has insights. things we've tried: specifying actual classes enhanced via serverconfig.setclasses(...) specifying pakages analyse/enhance via serverconfig.addpackage(...) or setpackages(...) not specifying @ , having loader analyse all. we've set break-point @ transformer.transform , bean in questio...
Read more

javascript - Reference error while trying to encapsulate an animation function -

-
i'm trying put function own class object. here below. the canvas property holds dom functions, , getting error next property, ctx, should refer method defined in canvas. so property ctx should refer ctx method defined in canvas property. bt when page loads, dev tools telling me there reference error @ point - canvas not defined. i encounter problem when canvas defined in external global variable. var drawcrash = { canvas : function () { dom methods here }, ctx : canvas.ctx, pointer : canvas.pointer, particles : "", nbrparticles : 160, speed : 6, strength : .4, radius : 4, perspective : 0.5, ang : null, cosorsin1 : null, cosorsin2 : null, //functions setspeed : function (_inputspeed) { this.speed = _inputspeed; }, startdrawing : function () { pointer.down = function() { } } run(); } } i believe canvas not available. don't put line ctx: c...
Read more

SQL php on different pages to Insert (mysqli) -

-
i have piece of php code, works when placed on index page ( index.php ), nothing if put in page, i.e. add.php for example: having code add.php page, tried go to: www.myhost.com/add.php , nothing happen. if copy code index.php , go page www.myhost.com/index.php add row in sql table. why that? <?php $server="mysql.server.com"; $user="randomusr"; $pass="randompwd"; $db="randomdb"; $link=mysqli_connect($server, $user, $pass, $db); $result=mysqli_query($link,"select * `battery` `id`"); $query = "insert battery (id,type,owner,charge,time) values ('1','lily002','maisnow','15','2015-04-22 17:20:28')"; mysqli_query($link, $query); header("location: index.php"); //this 1 comment out when copied index.php ?> l # name type collation attributes null 1 id int(16) no ...
Read more