renovations

2015-03-07 19:26:10 +03:00 · 2015-03-07 19:26:10 +03:00 · 6ac9e3a500
commit 6ac9e3a500
parent dceccedb58
182 changed files with 275 additions and 324 deletions
--- a/8-css-for-js/4-float/4-add-border-keep-width/solution.md
+++ b/8-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>
+```
+