Html/CSS浮动问题

我的css有一些问题，我的两个分区互相攻击。我要他们两个挨在一起

我有一个身体，里面有一个用户菜单和内容分区

HTML:

图片：

---

问候

尝试在两个浮动元素上设置边框：0，因为除非您通过重置或标准化重置CSS，否则它们将继承一个标称边框：

#body 
{
margin: 0 auto;
max-width: 960px;
}

#user-menu 
{
float: left;
width: 15%;
}

#content 
{
float: right;
width: 85%;
}

#content, #user-menu{

边界：0； }

这是一支密码笔：

HTH

Mathias， 您不必要地关闭了一个部门，请将其删除。

---

同时给两个div设置float left。

想到两件事应该有助于解决问题：

由于右浮动

位于左浮动

之后，因此它可能在浮动之前移动到下一行。尝试将两个元素都向左浮动

有时浏览器在计算大小时会将向上取整到最接近的像素。使用10/90分割时，您的代码是否工作得更好？20/80? 如果完整容器为960px，请尝试手动计算列大小（以像素为单位）

---

将它们都向左浮动，并以像素为单位给它们一个尺寸。您的

#body 
{

margin: 0 auto;
max-width: 960px;

}

#user-menu 
{
float: left;
width: 15%;

}

#content 
{
float: right;
width: 85%;

}

#body 
{
margin: 0 auto;
max-width: 960px;
}

#user-menu 
{
float: left;
width: 15%;
}

#content 
{
float: right;
width: 85%;
}

#content, #user-menu{

#footer{
  clear: both;

}