html - CSS div table styling -

i trying style div table using css. here sample working code:

html:

<div class="container">     <div class="row">         <div class="table-row">             <div class="mycolumn" id="sidebar">                 sidebar area             </div>             <div class="mycolumn" id="content">                 <p>content area</p>                 <p>some more content</p>             </div>         </div>     </div> </div> 

css

#sidebar{     width: 250px;     background-color: #eaeff1; } .table-row {     display: table-row; } .mycolumn {     display: table-cell;     padding: 15px; } #content {     background-color:#00eff0;   /* width:100%; */ } div {     outline: 1px solid #3a87ad; } 

http://jsfiddle.net/gbovzuqm/

how can content area div cover remaining space @ back? have tried apply width:100% it, squeeze sidebar area.

how can css styling?

no need use display:table-row use this

.table-row {     display: table;     width: 100%; } 

updated jsfiddle code