Html 固定宽度div和float：右侧；分区不工作

我一辈子都找不出这项技术不起作用的原因。无论我做什么，当左

div

应该调整为

float:right时，左
div是100%
div


.chat容器{
背景：黑色；
高度：60px；
}
.聊天吧{
高度：60px；
宽度：340px；
浮动：对；
背景：rgba（255,0,0,0.4）；
}
使用浮点将从正常文档流中删除一个元素，因此不会影响其他元素的宽度。如果要保持浮动，则需要为这两个元素指定宽度。尝试使用类似的方式：


.chat容器{
背景：黑色；
高度：60px；
宽度：计算（100%-340px）；
}
.聊天吧{
高度：60px；
宽度：340px；
浮动：对；
背景：rgba（255,0,0,0.4）；
}
使用浮点将从正常文档流中删除一个元素，因此不会影响其他元素的宽度。如果要保持浮动，则需要为这两个元素指定宽度。尝试使用类似的方式：


.chat容器{
背景：黑色；
高度：60px；
宽度：计算（100%-340px）；
}
.聊天吧{
高度：60px；
宽度：340px；
浮动：对；
背景：rgba（255,0,0,0.4）；
}

您缺少：

.chat-container {
    overflow: hidden;
}

演示：
您缺少：

.chat-container {
    overflow: hidden;
}

演示：
你想做什么？工作：红色的div不应该有黑色的div重叠，它们是两个并排的div，但由于某些原因，黑色div的宽度是100%。下面是一个我正在尝试做的工作示例：您正在尝试做什么？工作：红色div下不应该有黑色div重叠，它们是两个并排的div，但出于某种原因，黑色div的宽度为100%。下面是一个我正在尝试做的工作示例：嘿，谢谢你指出这一点。这解决了我的问题，我似乎很盲目，哈哈嘿，谢谢你指出这一点。这解决了我的问题，我似乎很盲目，哈哈