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%; } 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>
Comments
Post a Comment