function setEqualHeight(columns){
var tallestcolumn = 0;
columns.each(function(){
currentHeight = $(this).height();
if(currentHeight > tallestcolumn){
tallestcolumn = currentHeight;
}
});
columns.height(tallestcolumn);
}
setEqualHeight($(".my-div")); /*делаем блоки одинаковой высоты*/
<div class="wrap">
<div class="content">Какой-то текст</div>
</div>
.wrap {
position: relative;
width: 50%;
//height: auto;
margin: 20px auto;
background: #eee;
}
.wrap::after {
content: '';
display: block;
padding-top: 100%; /*установите ваши пропорции, в данном случае квадрат*/
width: 1px; /*ширина только для наглядности - УДАЛИТЕ*/
background: #f00; /*фон только для наглядности - УДАЛИТЕ*/
}
.content {
position: absolute;
background: #555;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@charset
с указанием нужной кодировки в начало CSS файла position:static
, то width:100%
для абсолютно-позиционированного ребенка и так будет считаться от body или от ближайшего предка с position отличного от static..service__sect-content_accordeon_item p
выше, чем у .active