Sub Div相对于父Div的位置

时间:2013-11-12 01:45:42

标签: html css

我希望有一个网站几乎能在一定程度上做出回应。

我已经快速模拟了我希望它的外观(这是非常基本和缺少的页面内容,但你应该得到一般的想法;

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

我确定你以前见过这样的网站,但我无法让编码工作。 我只需要内部div来定位父div而不是页面本身。

到目前为止,我似乎无法让它发挥作用。

主要部分:

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

电子邮件按钮

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

以下是它的外观(锁定到侧面,当我调整浏览器大小时,一切都会重叠); http://i.stack.imgur.com/R1cAY.png

1 个答案:

答案 0 :(得分:0)

从我所看到的,你的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;
}