refactor 3-more into separate books

2015-02-27 13:21:58 +03:00 · 2015-02-27 13:21:58 +03:00 · 87639b2740
commit 87639b2740
parent bd1d5e4305
423 changed files with 9 additions and 9 deletions
--- a/12-css-for-js/4-float/4-add-border-keep-width/solution.md
+++ b/12-css-for-js/4-float/4-add-border-keep-width/solution.md
@ -0,0 +1,41 @@
+# Подсказка
+
+Используйте свойство `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>
+```
+