Вот проблема:
<html>
<head>
<style>
#container{
width:500px;
background-color:#ff0000;
border-collapse:separate;
border-spacing:20%;
}
#child{
display:table-cell;
background-color:#00ff00;
}
</style>
</head>
<body>
<div id="container">
<div id="child">
X
</div>
</div>
</body>
</html>
И как jsfiddle .
Проблема в том, что border-spacing не хочет брать процент в качестведопустимый аргумент (попробуйте изменить интервал границы до значения px, чтобы увидеть, что он должен делать).Почему бы и нет?Есть ли способ, которым я могу получить растягивающиеся / мягкие интервалы границы?Контекст, очевидно, является более сложным проектом, в котором большинство других измерений определены относительно, поэтому наличие этого одного абсолютного измерения означает, что блоки не остаются выровненными, когда окно меняет форму.
Я знаю, что мог бы сделатьвсе абсолютно, но я хочу, чтобы вещи растягивались / сжимались по мере необходимости.