Question

我有两个并排的div，他们有display:inline-block，看起来很棒。我尝试在其中一个div中添加一个textarea，然后它向下滑动，因此它不再排列在另一个div旁边。

This就是它现在的样子。我该如何解决？

Answer 1

你非常接近。这是代码和link to the fiddle。

div {
    width: 100px;
    background: gray;
    height: 200px;
    display: inline-block;
    vertical-align: top;
}

textarea {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    width: 100%;
    border: 0;
}

我在你的div和textarea中添加了vertical-align：top，并将宽度设置为100％。我还将边框设置为0，因为它溢出了2px。

Answer 2

只需将display:block添加到textarea即可解决问题。

你可以在这里查看 - ＆gt; https://jsfiddle.net/h0mwo9ox/4/

快速建议，如果可以的话，最好使用特定的类而不是通用的div风格，特别是如果你的项目变大，那么最好管理它。

css两个div并排使用textarea而不使用float或absolute

2 个答案: