的
我试图显示两个div并排与inline-block(不能使用浮动)。目前我的CSS无法做到这一点。我意识到这可能是一个重复，但在尝试了相关帖子的建议后，我仍然无法让它工作。
#wrapper {
display: inline-block;
width: 300px;
}
#images {
display: inline-block;
width: 100px;
}
#specs {
display: inline-block;
width: 100px;
}<div id="wrapper">
<div id="images">
TEST Data
</div>
<div id="specs">
Test Data
</div>
</div>#wrapper必须具有宽度
+200px为#wrapper:
修改css#wrapper{
display:inline-table;
width: 200px;
}
宽度必须至少200px，因为你想要两个元素(每个100px)固定在一起。
例子jsfiddle
问题是你的包装器div只有100px宽，所以两个子项不能并排放置，因为它们也是100px宽。我把它变宽了，现在它们并排出现了:jsfiddle
#wrapper{
display:inline-block;
width: 300px;
}
#images {
display: inline-block;
width: 100px;
}
#specs {
display: inline-block;
width: 100px;
}
wrapper与所包含的元素#images和#specs的大小相同，所以将其宽度设置为100%或大于200px，这些元素将会水平对齐。
div {outline: 1px dashed red;}
#wrapper{
display:inline-block;
width: 100%;
}
#images {
display:inline-block;
width: 100px;
}
#specs {
display:inline-block;
width: 100px;
}<div id="wrapper">
<div id="images">
TEST Data
</div>
<div id="specs">
Test Data
</div>
</div>