html - Two div in column without table -


is possible without table tag or display: table?

https://monosnap.com/file/moxmr7wehkjd4rykwptj7dyqg8dsez

 <div class="wrapper">     <div class="title">some title</div>     <div class="content">content</div>  </div>  .wrapper {     border: 3px solid yellow;     width: 250px;     height: 350px;     position: fixed;     top: 10px;     left: 10px;     background: green; } .title {     min-height: 30px;     max-height: 80px;     background: blue; } .content {     background: red;     height: 100%; } 

http://jsfiddle.net/wqozs28y/

ill try position absolute, donw know height on title div :(

yes, can use flexbox depending on level of browser support want.

.wrapper {    border: 3px solid yellow;    width: 250px;    height: 350px;    position: fixed;    top: 10px;    left: 10px;    background: green;    display: flex;    flex-direction: column;  }  .title {    flex-grow: 0;    flex-shrink: 1;    flex-basis: auto;    min-height: 30px;    max-height: 80px;    background: blue;  }  .content {    background: red;    flex-grow: 1;  }
<div class="wrapper">    <div class="title">some title</div>    <div class="content">content</div>  </div>

jsfiddle demo


Comments