这个问题的解决方案可能非常简单，但我已经为此苦苦挣扎了一段时间，但我就是无法让它工作。 我想让 2 个不同大小的 div 彼此相邻对齐。问题是，如果我将任何文本放入第一个 div，另一个将向下移动几行。
问题的简化版本如下所示:
<html>
<body>
<div>
<div style="background:red; display:inline-block; height:100%; width:50%;">
aaa<br>
aaa<br>
aaa<br>
aaa<br>
</div>
<div style="background:green; display:inline-block; height:5em; width:5em;">
bbb
</div>
<div>
</body>
</html>
另外，我不想使用“position”属性，因为我无法预测“bbb”div 的大小，我想在“bbb”下放置一些更小的 div
最佳答案
添加vertical-align: top; - 在这里查看 fiddle :http://jsfiddle.net/b3LUZ/1/
此外，您的第一个 <div> 没有结束标记, 只是另一个开场白。
关于html - 使用 CSS 定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18786926/