en.javascript.info/8-css-for-js/4-float/4-add-border-keep-width/solution.md
2015-03-12 10:26:02 +03:00

650 B

Подсказка

Используйте свойство box-sizing.

Решение

Да, можно -- указываем box-sizing: border-box и добавляем свойства:

<!--+ run  no-beautify -->
<style>
  .left {
    float:left; 
    width:30%; 
    background: #aef;
  }

  .right {
    float:right; 
    width:70%;

*!*
    box-sizing: border-box;
    -moz-box-sizing: border-box;

    border-left: 2px solid green;
    padding-left: 10px;
*/!*

    background: tan;
  }
</style>

<div class="left">
 Левая<br>Колонка
</div>
<div class="right">
 Правая<br>Колонка<br>...
</div>