我设置一个宽度为1000px的网页，导航部分我想让两边延长到浏览器宽度，该怎么写CSS呢？
类似于这里的Banner，页面宽度是一定的，但是Banner却突出去了。不太会描述，见谅见谅……...
类似于这里的Banner，页面宽度是一定的，但是Banner却突出去了。
不太会描述，见谅 见谅…… 展开
不太会描述，见谅 见谅…… 展开
4个回答
展开全部
外面设置一个div不要设置宽度，加上你要的背景颜色（平铺背景图片），然后在这个div内部设一个宽度为1000的div，弄你想要的就好，内部div要设置宽度，加上margin：0 auto
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
外面套一个大的div，里面是两个div，然后设置导航的那个居中(设置margin为0 auto)就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你不会描述我怎么回答呢
追问
你看那个banner的效果是如何出来的？
页面的东西都在中间的960px宽的div里，banner两边却多了蓝色。
追答
写一个更大的div包在外面 写个背景颜色就可以啦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
突出的地方单独放一块 ，一个简单的例子：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test</title>
<style type="text/css">
*{margin:0;padding:0;}
.navBox{
height:30px;
width:100%;
background:#333;
}
.nav{
width:1000px;
height:30px;
line-height:30px;
margin:0 auto;
border:1px solid #999;
}
.main{
width:1000px;
margin:0 auto;
border:1px solid #999;
min-height:500px;
}
</style>
</head>
<body>
<div class="navBox">
<div class="nav">
nav content
</div>
</div>
<div class="main">
main content
</div>
<script>
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test</title>
<style type="text/css">
*{margin:0;padding:0;}
.navBox{
height:30px;
width:100%;
background:#333;
}
.nav{
width:1000px;
height:30px;
line-height:30px;
margin:0 auto;
border:1px solid #999;
}
.main{
width:1000px;
margin:0 auto;
border:1px solid #999;
min-height:500px;
}
</style>
</head>
<body>
<div class="navBox">
<div class="nav">
nav content
</div>
</div>
<div class="main">
main content
</div>
<script>
</script>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
