Позиция Sub Div относительно родительского Div

Question

Я хотел бы иметь сайт, который будет в некоторой степени реагировать на определенную степень.

Я сделал быстрый макете, как я хочу, чтобы это выглядело (Это действительно основной и недостающее содержание страницы, но вы должны получить общее представление;

Large: http://i.stack.imgur.com/vX11k.png

I Я уверен, что вы видели сайты, подобные этому раньше, но я не могу заставить кодирование работать. Мне просто нужно, чтобы внутренний div находился в позиции родительского div, а не самой страницы.

До сих пор я просто как представляется, не может заставить его работать.

Главная Div:

#site { 
width: 1000px; 
margin: 0 auto; 
position: relative; 
} 

кнопку Email

.email { 
background-image: url(img/topmenu_email.png); 
position: absolute; 
right: 10px; 
top: 0px; 
z-index: 83; 
} 

Вот как это выглядело (блокировка на стороне, и когда я изменен браузер все будет дублирующих друг друга); http://i.stack.imgur.com/R1cAY.png

Answer 1

Из того, что я вижу, нет ничего плохого в вашем css.

Он ведет себя так, как должно быть.

Если ваша проблема в том, что электронная почта и т.д., не пройдя весь путь к правой части экрана, это, вероятно, из-за этого

#site { 
width: 1000px; //It's saying that the site only have 1000px of width, and not the screen size 
margin: 0 auto; 
position: relative; 
} 

.email { 
background-image: url(img/topmenu_email.png); 
position: absolute; 
right: 10px; 
top: 0px; 
z-index: 83; 
} 

Имейте в виду, что абсолютный элемент будет идти так далеко, как это относительный размер родителя, в этом случае это ширина.

Вероятное решение было бы установить

#site { 
width: 100%; //Make it full width 
margin: 0 auto; 
position: relative; 
}