html - 我的 div 处于错误的垂直位置

Question

我有两个 div，我试图让它们都位于顶部并彼此相邻，但由于某种原因，第二个带有虚拟文本的位于页面的中间位置，我无法将其置于顶部第一个分区。这是我的一些代码

<div id="bgdsply2" style="width:300px; display:inline-block;">
        <img src="admin/showroom/clocks/thumbnails/bru4.jpg" width="300px" height="800px" alt="" />
    </div>
    <div style="width:300px; margin-left:200px; display:inline-block;">
        Quo ne facer impedit euripidis, inermis nonumes vis ex, fabulas menandri postulant ad nam. Animal disputationi ad qui, case natum cotidieque ei mel, et diam prima posse vel. Usu admodum lobortis inciderint eu, oratio tritani et vis, ea eum nemore deseruisse. Dicam conceptam interpretaris sed ea. Ex mei everti abhorreant disputationi.
    </div>

Answer 1

检查包含的 div 的宽度并确保它可以支持并排堆叠的两个 div。有些人喜欢在两个 div 中添加 float: right; 并在末尾添加一个 clear: both; 标签，这样单个空格不会增加 div 的宽度超过 600px ;

<div class='container' style='width: 600px;'>
    <div class='right' style='float: right; display: inline-block; width: 300px; margin: 0px; padding: 0px;'>
        // content
    </div>
    <div class='left' style='float: right; display: inline-block; width: 300px; margin: 0px; padding: 0px;'>
        // content
    </div>
    <p style='clear: both;'></p>
</div>