Показать сообщение отдельно
  #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>
Ответить с цитированием