61,112
社区成员
发帖
与我相关
我的任务
分享position的简单问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main"><p><img src="http://www.google.com/intl/en/images/logo.gif"/></p></div>
</body>
html,body{
height:100%;
margin:0px;
padding:0px;
}
#main{
width:800px;
height:500px;
line-height:500px;
border: 1px solid black;
position:relative;
}
#main p{
position: absolute;
right: 15%;
bottom: 0;
}
以上的代码,小弟想问一下,main设置了position:relative;那么对main p里面的position: absolute;会有什么影响呢?
为什么要在main加上position:relative?
<head>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main"><p><img src="http://www.google.com/intl/en/images/logo.gif"/></p></div>
</body>
html,body{
height:100%;
margin:0px;
padding:0px;
}
#main{
width:800px;
height:500px;
line-height:500px;
border: 1px solid black;
position:relative;
}
#main p{
position: absolute;
right: 15%;
bottom: 0;
}
以上的代码,小弟想问一下,main设置了position:relative;那么对main p里面的position: absolute;会有什么影响呢?
为什么要在main加上position:relative?
...全文
请发表友善的回复…
发表回复
