Question

我不能让两个内容区域彼此相邻而不会破坏我的容器。我有第一个提示浮动的区域：左边但当我提示浮动时：右边的内容区域2我的容器不再工作了。

对象确实浮动，但容器消失了。

这是我的网站http://aasdsafasdf.weebly.com/（我处于早期阶段）

#container {
width: 1100px;
margin: 0 auto;
background: #ffffff;
}


#content {
float: left;
height: auto;
width: 710px;
}

#content2 {
float: right;
height: auto;
width: 350px;
}

Answer 1

您的网页上有一些标记错误（在您指向样式表的链接之后注意</script>标记？）但只是将容器设置为隐藏溢出：

#container {
   width: 1100px;
   margin: 0 auto;
   background: #ffffff;
   overflow:hidden
}
#content2 {
   height: auto;
   width: 350px;
   float:right;
}

那应该解决这个问题。但请确保您修复了代码...它现在有各种各样的问题：http://validator.w3.org/check?uri=http%3A%2F%2Faasdsafasdf.weebly.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 2

#container {
width: 1100px;
margin: 0 auto;
background: #ffffff;
}


#content {
float: left;
height: auto;
width: 710px;
display: block;
}

#content2 {
float: left;
height: auto;
width: 350px;
display: block;
}

你希望两个内容div都向左浮动并显示：block;，然后它们会向上推到左边的那个。

我不能让两个内容区域相互浮动

2 个答案: