Hello!

Tell me how to realize that when one of the columns is deleted, the remaining column takes up 100% of the content block.

Thank you in advance.

http://jsfiddle.net/uze4acyz/

    1 answer 1

    In your case, perfect tabular layout.

    <div class="content"> <article>left</article> <aside>right</aside> </div> 
     .content{ width: 500px; margin: 0 auto; display: table; height: 200px; /* Такой же эффект как и у min-height */ margin-top: 20px; /* Demo */ } aside{ display: table-cell; width: 150px; /* У второго столбца ширина рассчитается автоматически */ background: #B2033B; } article{ display: table-cell; background: #ccc; }

    See an example