Html 我怎样才能把三个包装纸一个接一个地浮起来 凉爽的 谢谢

这是我的三个包装纸。我希望它们一个接一个地浮动，但是

wrapper3

有时会被放置在

wrapper2

的底部，我希望

wrapper1

以200px为单位，然后

wrapper2

400px和

wrapper3

300px，总共900px

我怎样才能让它们一个接一个地浮动，从而占据900px的空间

在我回答之前 让我告诉你一些关于良好实践的事情

• 使用内联样式（

  style=

  属性）被认为是不好的。改用样式表（
  标记），它允许对相似的元素进行分组并减少代码。更不用说内容和表现的分离了

• 标记的

  width=

  和

  height=

  属性最终不需要（事实上不需要）px。您应该更正为

  width=“190”height=“220”

答案 您希望将所有3个包装在一个容器中，该容器设置为

width:900px（或
最小宽度：900px；
）


HTML:
将三个div封装在一个宽度为900px、高度为220px的包装div中。
您可以发布链接吗？我会尝试修复它，这对我来说很好，是不是有任何特定的浏览器你有问题？尝试将所有边距和填充设置为0pxeverything@Tules尝试调整窗口的大小。@niko请务必阅读完整的更新答案，包括您在未来项目中应该考虑的小修正。
<div id="wrapper1" style="width:200px;float:left;margin-top:0px">
    <img src="./profilepic.jpg"  width="190px" height="220px"/>
</div>
<div id="wrapper2" style="width:400px;float:left">
    <h2>cool</h2>
</div>
<div id="wrapper3" style="width:300px;float:left">
    <h2>Thanks</h2>
</div>

<div id=parent>
    <div id=wrapper1>Lorem Ipsum</div>
    <div id=wrapper2>Lorem Ipsum</div>
    <div id=wrapper3>Lorem Ipsum</div>
</div>

#parent { /* Applies to parent div */
    min-width: 900px;
}
#parent div { /* Applies to all divs within the parent */
    height: 200px;
    float: left;
}

/* Specific div styling (width and background color) */
#wrapper1 {
    width: 200px;
    background: red;
}
#wrapper2 {
    width: 400px;
    background: green;
}
#wrapper3 {
    width: 300px;
    background: blue;
}