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

41 lines
637 B
Markdown

# Подсказка
Используйте свойство `box-sizing`.
# Решение
Да, можно -- указываем `box-sizing: border-box` и добавляем свойства:
```html
<!--+ run -->
<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>
```