Question

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

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

大：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

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;
}

Sub Div相对于父Div的位置

1 个答案: