Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.10.2014, 00:08
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

box-sizing: padding-box
Почему поддерживается только в FF и потенциально может быть удалено из спецификации?
Кому мешает?
Пусть возможно бесполезно (а может и нет), но для полноты картины реализует последнее из возможных сочетаний для получения ширины блока из width, padding и border.

<!--чтобы добавить красок-->
<style>
div {
	padding: 10px;
	height: 50px;
}
.parent {
	border: solid 5px red;
}
.child {
	border: solid 5px green;
}
</style>
<button>content-box</button>
<button>padding-box</button>
<button>border-box</button>
<div class="parent">
	<div class="child"></div>
</div>
<script>
(function () {
	var child = document.querySelector(".child");
	document.addEventListener("click", function (event) {
		var target = event.target;
		if (target.tagName == "BUTTON") {
			child.style.boxSizing = target.innerHTML;
		}
	});
})();
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 19.10.2014, 00:18
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от bes
потенциально может быть удалено из спецификации?
Кому мешает?
Может и не мешает, но отсутствие реализации со стороны вендоров - это повод для удаления, если не ошибаюсь.
А не реализуют потому что не очень то и нужно. Мне вот ни разу это не пригодилось..
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 19.10.2014, 00:32
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,585

Мне в скриптах-на-коленке пригождалось. Оч. удобно не париться о бордерах и паддингах и получать\изменять простосто width\height.

В продакшн понятное дело не проблема всё предусмотреть, но по-быстрому накидать - удобно.
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 19.10.2014, 00:43
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от danik.js
Может и не мешает, но отсутствие реализации со стороны вендоров - это повод для удаления, если не ошибаюсь.
а у тех (кроме мозиллы) причины видимо политические

Сообщение от danik.js
А не реализуют потому что не очень то и нужно. Мне вот ни разу это не пригодилось..
мне тоже, но на весах полный охват возможностей и вспоминание "а, бл-ть, опять это работает только в одном браузере"

Сообщение от Aetae
Мне в скриптах-на-коленке пригождалось. Оч. удобно не париться о бордерах и паддингах и получать\изменять простосто width\height.

В продакшн понятное дело не проблема всё предусмотреть, но по-быстрому накидать - удобно.
может не понял твою мысль, но я про padding-box, а не про box-sizing в целом
Ответить с цитированием
  #5 (permalink)  
Старый 19.10.2014, 01:04
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

извиняюс. я вижу это дело впервые. есть ли рельные кейсы для него?
Ответить с цитированием
  #6 (permalink)  
Старый 19.10.2014, 01:34
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от melky
извиняюс. я вижу это дело впервые. есть ли рельные кейсы для него?
для box-sizing: padding-box;
не знаю, разве что упростить расчёт, так как этом случае
width/height == clientWidth/clientHeight

для box-sizing: border-box;
это простота расчёта без выезжаний и создания дополнительных блоков
например, как в учебнике, для распахивания элемента на всю внутреннюю ширину/высоту родителя
http://learn.javascript.ru/box-sizing

здесь про меню, в котором происходит смещение блока, а также в комментах отмечено про возможность использовать не только пиксели для задания величин и не повредить расчёт
http://habrahabr.ru/post/149441/

про другие применения сам бы послушал

Последний раз редактировалось bes, 19.10.2014 в 01:37.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
10 плавающих уровней Kvark jQuery 8 08.05.2013 16:09
Фоновое изображение, padding и масштабирование. velther (X)HTML/CSS 9 25.11.2011 00:51
как изменить padding в ячейке grid.panel? Ichigeki ExtJS 6 05.10.2011 13:18
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23
padding, и его отображение в ie Гость (X)HTML/CSS 4 12.03.2009 18:26