Html CSS位置浮动

我试着显示一个左右区域，但它实际上不适用于cotes“right”和“left”

我尝试了

位置：绝对

，但它显示了一些奇怪的东西

也许我的contenner div或div

element1有问题

有人知道我是怎么做到的


#conteneur{
衬垫顶部：-25px；
显示器：flex；
边框：2件纯黑；
垫底：10px；
}
#要素1{
显示：块；
宽度：350px；
边框：1px纯黑；
}
.对{
浮动：左；
宽度：100%；
}
.左{
浮动：对；
宽度：100%；
}

地址：右
左大街
首先，您的

<div id="right">
  adresse_right
</div>

<div id="left">
  adresse_left
</div>


地址：右
左大街

不会对您的
CSS
做出反应，因为它们是ID，并且在
CSS
中，您正试图使用
选择器查找
类。因此，将
更改为
#
或将
ID
标记更改为
Classes

第二，我已经创建了一个并编辑了你的代码，希望这有帮助
 您使用的是
flexbox
，因此请坚持使用
flexbox
，而不要使用
浮动


#conteneur{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
宽度：100%；
边框：1px纯黑；
垫底：10px；
}
.img{
弹性：0.100%；
}
img{
最大宽度：300px；
}

地址：右
左大街
使用
负值的“padding”永远不起作用。它无效+你能用演示图像解释一下，你到底想实现什么
。左
和
。右
正在寻找你正在使用ID的类。更改为
#left
和
#right
。实际上我得到的仍然是一样的：两行下面是adresse_left和adresse_right。希望显示在同一行中，但一个在左侧，一个在右侧。您还将它们设置为
宽度：100%所以没有空间让它们向左或向右浮动。我将宽度更改为50%，但仍然相同effect@MathieuMourareau没问题，请将我的答案设置为正确答案，以便将来其他有相同问题的人可以更容易地找到解决方案。此小提琴仍有
填充：-25px
，这是invalid@dippas
填充
已删除，感谢您注意到我将立即尝试！！它是有效的，是的，你是对的，继续使用flex-box比我做的更好@这是最好和正确的答案。请将我的正确答案更改为此答案。不确定flexbox是否适用于html，因为它是通过PDF导出的！我需要试试！我会让你了解最新情况