Html 如何将两个div相邻放置？

很抱歉重复了这个问题，alreasy回答了

你与我的做法非常接近。切换rightDiv和leftDiv，使leftDiv在右侧有一个52px的边距，而不是浮动：

.container{
宽度：85%；
背景颜色：黄色；
边框：1px纯红；
}
.leftDiv{
右边距：52px；
背景颜色：绿色；
边框：1px纯黑；
}
.rightDiv{
宽度：50px；
高度：50px；
背景颜色：蓝色；
边框：1px纯黑；
浮动：对；
}

长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。

使用clac（）方法

.rightDiv{width:calc（100%-54px）；}

.集装箱{
宽度：85%；
背景颜色：黄色；
边框：1px纯红；
}
.leftDiv{
宽度：计算（100%-54px）；
背景颜色：绿色；
边框：1px纯黑；
浮动：左；
}
.rightDiv{
宽度：50px；
高度：50px；
背景颜色：蓝色；
边框：1px纯黑；
浮动：左；
}
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。长文本。。。长文本。。。长文本。。。
长文本。。。长文本。。。朗特