Css 五部分顶部布局
我正在尝试开发一个5部分的顶部布局，可以在任何浏览器上使用。它由5部分组成，因为您的中心菜单跨度为1024 然后你有一个菜单的左侧和右侧，有一些非重复的图像，这些图像将运行到一个重复的图像中，我想转到无穷远 这已经被证明是非常困难的，我可能已经忘记这可能是不可能的 我所做的就是靠得这么近，我几乎能尝到它。如果你能看一下我的代码，告诉我“右边”和它的宽度是怎么回事-它给滚动条带来了一些严重的问题 我所说的图像： 代码如下：Css 五部分顶部布局,css,html,Css,Html,我正在尝试开发一个5部分的顶部布局，可以在任何浏览器上使用。它由5部分组成，因为您的中心菜单跨度为1024 然后你有一个菜单的左侧和右侧，有一些非重复的图像，这些图像将运行到一个重复的图像中，我想转到无穷远 这已经被证明是非常困难的，我可能已经忘记这可能是不可能的 我所做的就是靠得这么近，我几乎能尝到它。如果你能看一下我的代码，告诉我“右边”和它的宽度是怎么回事-它给滚动条带来了一些严重的问题 我所说的图像： 代码如下： <!DOCTYPE html PUBLIC "-//W3C//DT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body{
margin:0px;
padding:0px;
}
.left_stretch{
background-color:red;
z-index:-10;
position:absolute;
top:0px;
left:0px;
width:50%;
height:100%;
}
.left_side{
background-color:blue;
z-index:-5;
position:relative;
top:0px;
right:512px;
width:100%;
height:100%;
}
.center{
background-color:green;
height:500px;
width:1024px;
margin-left:auto;
margin-right:auto;
}
.right_side{
background-color:grey;
z-index:50;
position:relative;
top:0px;
left:512px;
width:100%;
height:100%;
}
.right_stretch{
background-color:orange;
z-index:-10;
position:absolute;
top:0px;
right:0px;
width:50%;
height:100%;
}
</style>
</head>
<body>
<div class="left_stretch">
<div class="left_side"></div>
</div>
<div class="center"></div>
<div class="right_stretch">
<div class="right_side"></div>
</div>
</body>
</html>
身体{
边际：0px；
填充：0px；
}
.左伸{
背景色：红色；
z指数：-10；
位置：绝对位置；
顶部：0px；
左：0px；
宽度：50%；
身高：100%；
}
.左侧{
背景颜色：蓝色；
z指数：-5；
位置：相对位置；
顶部：0px；
右：512px；
宽度：100%；
身高：100%；
}
.中心{
背景颜色：绿色；
高度：500px；
宽度：1024px；
左边距：自动；
右边距：自动；
}
.右侧{
背景颜色：灰色；
z指数：50；
位置：相对位置；
顶部：0px；
左：512px；
宽度：100%；
身高：100%；
}
.右伸{
背景颜色：橙色；
z指数：-10；
位置：绝对位置；
顶部：0px；
右：0px；
宽度：50%；
身高：100%；
}
有什么提示吗？意识到我可以屏蔽你的代码，所以我测试了它 这是你的
我真的不知道为什么结构是这样的，所以我不会给出任何关于修复它的提示。。除非你想快速解决。。也就是删除该元素：D你能给我们发一张你的设计图（草图），说明你在视觉上的意思吗？：）无法从代码中找到任何明确的赠品，但作为提示。。您应该认真地使用Firebug（firefox）或使用其他开发工具来检查“空白”区域