div标签内的div标签定位答案

【问题标题】：div tags within a div tag positioningdiv标签内的div标签定位
【发布时间】：2017-09-15 15:02:11
【问题描述】：

自从我尝试在一个 div 标签内放置 4 个 div 标签（住宿站点小部件），以便它们并排显示在一条水平线上。我使用 CSS 元素“float”和“display”来做到这一点，但无论出于何种原因，4 个 div 中只有 2 个以我想要的方式定位。你可以在这里看到结果http://www.somersetsights.co.za/preiseneu.html。 css 样式元素要么是 html 文档中的内联样式，要么是样式表 http://www.somersetsights.co.za/css/style.css 中的内联样式。

我不是专家。其实比较没经验。我努力自己解决这个问题，但我很挣扎。希望高手给我建议。谢谢

【问题讨论】：

你忘了像其他div一样在#booking_com_widget中添加css，而且这里没有找到图片。
寻求代码帮助的问题必须包括在问题本身最好是在堆栈片段中重现它所需的最短代码。尽管您已经提供了一个链接，但如果它变得无效，那么您的问题对于未来遇到同样问题的其他 SO 用户将毫无价值。见Something in my website doesn't work can I just paste a link。

标签： html css css-float

【解决方案1】：

希望对您有所帮助。将此 CSS 添加到您的外部 div

#review_widgets {
display: table-cell;
width: 1%;}

这将使您的 div 水平

【讨论】：

谢谢，我会检查
@afrikapi，这回答了你的问题吗？如果是，请接受。这是答案上的复选标记。这允许有类似问题的开发人员直接找到解决方案。如果没有，请添加评论。谢谢

【解决方案2】：

有很多方法可以解决这个问题。例如，您可以将 .services div 的宽度设置为 100%，因为它实际上是您想要内联的内容的父标签。我个人会使用display: inline-block来定位元素而不是浮动，但这取决于你。此外，我会将box-sizing: border-box 分配给.services 标记，以避免该div 由于其填充而溢出。希望对您有所帮助。

【讨论】：

谢谢，我会检查