Css Can'；不要把我的沙发排成一排

由于某些原因，我无法将我的div相邻对齐。“Right”在“left”下面 我的代码有什么问题？ HTML：

<div id="activity-container">
    <div id="activity-left">left</div>
    <div id="activity-right">right</div>
</div>

---

现场演示：

您在

div

-s上的边框将

2px

添加到其宽度。移除它们，它们将彼此相邻-

如果您真的需要边框，请使用

大纲

-

#活动左侧{
外形：1px固体#000；
颜色：#000；
保证金：0自动；
宽度：20%；
浮动：左；
位置：相对位置；
}
#活动权{
外形：1px固体#000；
保证金：0自动；
颜色：#000；
宽度：80%；
浮动：左；
位置：相对位置；
}​

如果要保留边框，可以尝试更改

宽度

：

#activity-container
{
width:90%;
background-color:#FFFF00;
Height:400px;
margin-left: auto;
margin-right: auto;
}

#activity-left {
border: 1px solid black;
color:#000;
margin: 0 auto;
width: 19%;
float: left;
position: relative;
}

#activity-right {
border: 1px solid black;
margin: 0 auto;
color:#000;
width: 80%;
float: left;
position: relative;
}

---

选中

您只需要从CSS中删除

float

和

margin

属性

#活动权限
{
边框：1px纯黑；
颜色：#000；
宽度：80%；
位置：相对位置；
}

---

它将按照您的期望工作。

但是边界消失了！！