这是个定位问题：我的body下排列两个div框
css的属性设置如下body{background-image:url(../../images/noise.png);background-color:rgb(230,...
css的属性设置如下
body{
background-image:url(../../images/noise.png);
background-color:rgb(230,219,186);
background-repeat:repeat;
}
.ceshi{
width:100%;
height:35px;
background-color:blue;
margin:0px;
position:fixed;
display:block;
}
.mainn{
width:1000px;
height:400px;
margin:100px auto;
background-color:yellow;
}
html代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style1.css"/>
</head>
<body>
<div class="ceshi"></div>
<div class="mainn">
niahi
</div>
</body>
</html>
为什么会出现这种效果： 展开
body{
background-image:url(../../images/noise.png);
background-color:rgb(230,219,186);
background-repeat:repeat;
}
.ceshi{
width:100%;
height:35px;
background-color:blue;
margin:0px;
position:fixed;
display:block;
}
.mainn{
width:1000px;
height:400px;
margin:100px auto;
background-color:yellow;
}
html代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style1.css"/>
</head>
<body>
<div class="ceshi"></div>
<div class="mainn">
niahi
</div>
</body>
</html>
为什么会出现这种效果： 展开
展开全部
与定位无关。给你两个提示：1.你对div设置display:block有任何意义吗？2.你如果想使用position属性，那位置就应该使用left/right和top/bottom属性来实现，对不在文档流中的元素通过margin定位有意义吗？学习要深入，不要单纯的似是而非。
我假定你要的样式如下。
修改后的代码为：
body{
background-image:url(../../images/noise.png);
background-color:rgb(230,219,186);
background-repeat:repeat;
margin:0;
padding:0;
}
.ceshi{
width:100%;
height:35px;
background-color:blue;
left:0;
top:0;
position:fixed;
}
.mainn{
width:1000px;
height:400px;
margin:100px auto;
background-color:yellow;
}
注意：body要加margin:0 padding:0 不然在IE中永远达不到宽度100%。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
因为position:fixed，你改一下其他的属性，会有不同的效果哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
