css父项和子项存在问题，内容背景无法正确布局

我正在建立我的网站的内容部分，我想做一个测试，以确保我可以把东西并排使用浮动：左，右等。。。在我的网站上，我可以得到两个盒子，一个挨着一个，但是盒子所在的背景容器不会以1000px为中心，填充整个背景内容。一旦你看了我的网站，你就会明白…我知道问题出在我的css上，请帮忙。我网站的其余部分都有一个100%的背景，然后在里面我制作了1000像素的容器。我不知道为什么它现在不起作用，因为它与顶部横幅和菜单栏一起起作用。一如既往地谢谢你

地点：

html:

---

我不确定我是否理解正确，但在内容中添加overflow:hidden应该会让一切都很酷

编辑：和清除：都在同一元素上

编辑：我在Firebug中应用了这些更改，看起来效果不错。

首先添加溢出：隐藏；用于链接背景和内容。然后你必须明白你已经在你的身体上设置了背景，所以这种行为是合乎逻辑的。为了实现您想要的，您需要在body标记下面创建一个wrapper div，并在前面关闭它。为这个div提供一个id包装并添加以下属性

#wrapper {
    background: url("../images/olddkeshant3.jpg") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 1000px;
}

然后从bodybackground中删除背景

要将背景放置在特定位置，可以将背景属性中的上述值0更改为适合您需要的任何值

百分比X与点X%对齐 横穿或向下穿 将图像与点X%垂直 横穿或向下穿 垂直于元素的填充框。 例如，值对为“0% 0%'，图像的左上角 与左上角对齐 填充框的顶部。价值对 “100%100%”位于右下角 右下角的图像 填充框的一角。用一个 “14%84%”的值对，点14% 横穿和向下84%的图像 放置在14%和84%之间的点上 沿着填充框向下

---

资料来源：

我认为你的想法很困惑。我有一个包装在我的背景，我只是没有把它的css，因为我的所有网页工作良好，除了新的内容领域，我刚刚开始…如果你点击我的网站链接，你会看到我的内容背景div，我做了部分透明是不一样的其余页面对齐，它扩大了，它不会向下扩展。您看到的两个框应该位于该内容区域中…透明背景不会显示，因为您没有清除浮动。如果添加溢出：hidden将显示它。关于路线，我看没有任何问题。它按照你的代码工作。更具体地说这个溢出：隐藏完成了这个技巧，但我仍然有一个问题，在内容框和菜单之间有一个小空间，就像1px。我不知道为什么我看不到什么。内容框它正好在菜单的边框下对不起，什么是firebug，我是网页设计的新手。我以前经常这么做。谢谢你的帮助，先生。是的，它起作用了，唯一的问题是内容分区大小不正确，例如顶部的横幅在一个100%的容器中，然后我为横幅做了一个分区，大小为1000px，我对内容分区做了同样的操作，但没有对齐。.Firebug是Firefox的工具，你可以用它做很多有用的事情。我检查了网站，在我看来你没有应用这两个东西溢出，清楚，我真的不明白你的问题，对不起。我还没有上传文件，这就是为什么你没有看到它，但我现在上传它，他们唯一的问题是菜单栏和内容区之间有一个小间隙。我知道了，我的链接高度有问题。非常感谢你的帮助。我需要仔细阅读一下这个清晰的函数，我不知道它是做什么的，溢出隐藏的。再次感谢。看看吧，你会明白我在说什么。

@charset "utf-8";

#contentbackground
{
width:100%;
height:auto;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
border:0
}

#content
{
background-color:#FFF;
/* for IE */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:.8;
width:1000px;
height:auto;
margin-top:0px;
margin-left:auto;
margin-bottom:0px;
margin-right:auto;
padding-top:10px;
padding-left:5px;
padding-bottom:5px;
padding-right:5px;
border:solid;
border-width:1px
}

#flashbanner
{
float:left;
display:inline;
width:500px;
height:200px;
margin:0px;
padding:0px;
border:solid;
border-width:1px
}

#test
{
float:right;
width:400px;
height:200px;
margin:0px;
padding:0px;
border:solid;
border-width:1px
}

#wrapper {
    background: url("../images/olddkeshant3.jpg") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    width: 1000px;
}