div嵌套定位问题
我是想主div居中，然后子div相对于主div有个位移，但不能实现，谁能帮我改一下？<body><divalign="center"><imgsrc="未标题-212.g...
我是想主div居中，然后子div相对于主div有个位移，但不能实现，谁能帮我改一下？
<body>
<div align="center">
<img src="未标题-212.gif" width="963" height="838">
<div style="position:relative;top:20px;left:20px;">
<img src="logo3.jpg" width="160" height="80">
</div>
</div>
</body>
虽然我感觉你回答的是对的，但我是新手，总有地方出错。能不能给我发个完整的代码：我是想主div居中（放背景图），然后子div（LOGO图）相对于主div有个位移。 展开
<body>
<div align="center">
<img src="未标题-212.gif" width="963" height="838">
<div style="position:relative;top:20px;left:20px;">
<img src="logo3.jpg" width="160" height="80">
</div>
</div>
</body>
虽然我感觉你回答的是对的，但我是新手，总有地方出错。能不能给我发个完整的代码：我是想主div居中（放背景图），然后子div（LOGO图）相对于主div有个位移。 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="margin:0 auto;width:863px;height:838px;background:url(bg.gif) no-repeat #CFF;" >
<div style="position:relative;top:20px;left:20px; background-color:#6F9;height:80px;width:160px;">
<img src="logo3.jpg" width="160" height="80" border="0" />
</div>
</div>
</body>
</html>
ps:背景图片得以background:url(bg.gif)的形式，不能直接用<img>.另外图片名称最好用英文命名。<img>里最好加上border="0"，不然，给图片加链接的时候，会出现不想要的蓝边框。 我另外加了几个属性，因为没有图片，是为了能看到效果。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="margin:0 auto;width:863px;height:838px;background:url(bg.gif) no-repeat #CFF;" >
<div style="position:relative;top:20px;left:20px; background-color:#6F9;height:80px;width:160px;">
<img src="logo3.jpg" width="160" height="80" border="0" />
</div>
</div>
</body>
</html>
ps:背景图片得以background:url(bg.gif)的形式，不能直接用<img>.另外图片名称最好用英文命名。<img>里最好加上border="0"，不然，给图片加链接的时候，会出现不想要的蓝边框。 我另外加了几个属性，因为没有图片，是为了能看到效果。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
方案1
-----------------------------
<style>
#div1
{
margin:0 auto; //页面居中
width:963px;
height:838px;
background:(图片路径);
}
#div1 #div2
{
position:relative;
top:20px;
left:20px;
width:160px;
height:80px;
background:(图片路径);
}
</style>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
-----------------------------
方案2
-----------------------------
<style>
#div1
{
margin:0 auto;
padding-top:20px;
padding-left:20px;
}
</style>
<body>
<div id="div1">
<img src="logo3.jpg" width="160" height="80">
</div>
</body>
-----------------------------
<style>
#div1
{
margin:0 auto; //页面居中
width:963px;
height:838px;
background:(图片路径);
}
#div1 #div2
{
position:relative;
top:20px;
left:20px;
width:160px;
height:80px;
background:(图片路径);
}
</style>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
-----------------------------
方案2
-----------------------------
<style>
#div1
{
margin:0 auto;
padding-top:20px;
padding-left:20px;
}
</style>
<body>
<div id="div1">
<img src="logo3.jpg" width="160" height="80">
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我给你发个
<div style="margin:0 auto; width:1003px; background:url(你的背景图.gif); position:relative">
<div style="position:absolute;top:20px;left:20px;">
<img src="logo3.jpg" width="160" height="80">
</div>
</div>
<div style="margin:0 auto; width:1003px; background:url(你的背景图.gif); position:relative">
<div style="position:absolute;top:20px;left:20px;">
<img src="logo3.jpg" width="160" height="80">
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
