clecar,
ну вот тебе пример, создай обычный блок div class="wrapper" 300 на 300px и дай ему рамку border: 1px solid black, внутри этого блока сделай ещё один маленький блок к примеру 100 на 100px и тоже задай для него рамку чтоб было видно, и маленькому блоку задай:
position: absolute;
top:50px;
left:50px;
в таком случае отступы будут считаться от окна браузера не от блока wrapper, но если ты задашь блоку wrapper position:relative то маленький блок будет считать отступы относительно блока wrapper, а лучше не использовать относительное и абсолютное позиционирование, лучше использовать margin, так намного удобнее как для статического сайта так и для адаптивного
это в HTML файле
<div class="wrapper"
<div class="main"></div>
</div>
это в CSS файле
*{
padding:0; margin:0;
}
.wrapper{
margin:0 auto;
height:300px;
width:300px;
border: 1px solid black;
- с начала посмотри без, а потом поставить position:relative; чтоб увидеть результат
}
.main{
height:100px;
width:100px;
border:1px solid yellow;
position: absolute;
top:50px;
left:50px;
}