Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 副处长';s相对于父Div的位置_Html_Css - Fatal编程技术网

Html 副处长';s相对于父Div的位置

Html 副处长';s相对于父Div的位置,html,css,Html,Css,我想有一个网站,将几乎是响应到一定程度 我已经做了一个快速的模型,我希望它看起来如何(这确实是基本的和缺失的页面内容,但你应该得到一般的想法 大型: 我肯定你以前见过这样的网站,但我无法让编码工作。 我只需要将内部div定位到父div,而不是页面本身 到目前为止,我似乎无法让它发挥作用 主要部门: #site { width: 1000px; margin: 0 auto; position: relative; } 电子邮件按钮 .email { background-image: ur

我想有一个网站,将几乎是响应到一定程度

我已经做了一个快速的模型,我希望它看起来如何(这确实是基本的和缺失的页面内容,但你应该得到一般的想法

大型:

我肯定你以前见过这样的网站,但我无法让编码工作。 我只需要将内部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;
}
下面是它的外观(锁定在一侧,当我调整浏览器大小时,所有内容都会重叠);

据我所见,您的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;
}

给我们看看你的代码,我会尽力帮你检查到底是什么错了,它到底有多坏?在主体css中,我有这样一个:最大高度:0px;宽度:75%;边距:0px;宽度填充了div与站点的交互方式!好吧,我们都是第一次。你能用那个打印屏幕来显示它是如何出错的吗?我编辑了origin邮政总局