Html 为什么当我浮动其他div时，我的浮动图像会移出我的div'；s

为什么当我浮动其他div元素时，浮动图像会移动到div内部段落旁边，移动到该div之外

例如，我有一个div类，其中有一个段落，当我在该类中浮动图像时，它会以我想要的方式环绕它

.container {
margin:0px auto;
width: 1400px;
background-image: url(back.png);
padding-top:10px;
height: 2000px;
}


.main {
background-color: #f7f4f4;
margin-right: 600px;
box-shadow: 10px 10px 10px #705656;
border-radius: 10px;
border: 2px solid red;}

.green {
border: 2px solid blue;
width: 400px;
margin-right: 40px;
background-color: #8bed8f;
float: right;}


.aside {
background-color: #f47575;
width: 400px;
margin-right: 40px;
border-radius: 4px;
float: right;
clear: right;}

.trac input[type=button] {
background-color: #9b878b;
font: weight: bold;
font-size:15px;
color: white;
border-radius: 6px;
border: none;
padding: 20px 10px;
margin-left: 300px;
margin-top: 5px;}

.tmac { 
  float: left; }

---

<>如果我理解你的问题（你问的问题有点混乱），你必须考虑浮动的HTML元素包装到最近的位置相对容器。

---

如果你想将一个浮动粘贴到一个特定的容器中，你只需要在该容器的CSS类中添加规则

position:relative

请共享你的html代码。因此，当我将图像放在html中浮动的其他两个类之间时，图像在容器中浮动，但即使我将相对位置属性应用于图像，它也只是伸出容器@diego@CheckLife确保您的容器足够大，可以将图像保存在里面。您可以在所有浮动元素之后使用

来获得该值。（我建议将该样式放在类似“clear”的css类中，这样会更干净，

）。还要确保图像没有影响其位置的填充或边距是的，所以问题是我没有浮动容器本身，但当我这样做时，它工作，以及添加属性“溢出：自动”。我只是想了解如何在不使用这些方法的情况下进行定位。您可以始终使用其他定位方法，如position:absolute（仍然使用position relative粘贴到最近的容器中），而不是浮动。浮动可能非常有用，但在大型网页中，当某些东西不适合你想要的地方时，浮动可能是一种痛苦。如果您使用绝对位置，容器将始终忽略子容器的大小，并尝试尽可能最小（0,0，如果未定义高度或宽度，或其没有位置静态/相对元素）。是的，我完全理解位置的工作原理，我真的很喜欢浮动的复杂性哈哈哈。嘿，我可以问你一个关于我的javaScript的问题吗？