div标签内的div标签定位

-4

自从我尝试在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标签内的div标签定位

我不是专家。其实相当缺乏经验。我努力自己解决这个问题，但我很挣扎。我希望一位专家能为我提供建议。谢谢

来源

2017-09-15 afrikapit

你忘了在'＃booking_com_widget'像其他的div添加CSS，也有在此未找到图像。 –

寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**，最好在** Stack Snippet **中。虽然您提供了一个链接，但如果它变得无效，那么您的问题对于其他未来具有相同问题的SO用户将没有任何价值。请参阅[**我网站上的某些内容不起作用，我可以只粘贴一个链接**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-犯规，工作可以-I-刚刚糊一个链接到它）。 –

愿这帮助你。这个CSS添加到您的外层div

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

这会让你的股利水平

来源

2017-09-15 07:02:11 TouchStarDev

谢谢，我会检查 – afrikapit

@afrikapit，这是否回答了您的问题？如果是这样，接受它。这是答案上的复选标记。这使具有类似问题的开发人员可以直接找到解决方案。如果不是，请添加评论。谢谢 – TouchStarDev

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

来源

2017-09-15 06:45:53

谢谢我会检查 – afrikapit

div标签内的div标签定位

回答

相关问题