Всем привет! У меня есть проблема. Элемент спозиционирован не относительно родительского, а относительного другого внешнего элемента. Это сделано, чтобы содержание элемента не срезалось свойством overflow: hidden, которое прописано для родительского элемента. Но при этом необходимо, чтобы его ширина равнялась ширине родительского, а он принимает ширину элемента, относительно которого спозиционирован. Буду рада, если кто-то сможет помочь http://codepen.io/anon/pen/YyLbMb.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег STYLE</title>
<style type="text/css">
.grand-parent {
position:relative;
width: 500px;
height: 200px;
border: 2px solid green;
}
.parent {
overflow:hidden;
width: 300px;
height: 100px;
border: 2px solid red;
}
.child {
position:absolute;
top:0;
left:0;
width: 100%;
height: 150px;
border: 2px solid blue;
}
</style>
</head>
<body>
<div class="grand-parent">
<div class="parent">
<div class="child"></div>
</div>
</div>
</body>
</html>