div标签内的div标签

时间:2017-09-15 06:35:51

标签: html css css-float

因为几天我尝试在div标签中放置4个div标签(住宿网站小部件),以便它们并排显示在一条水平线上。我使用了CSS元素" float"和"显示"要做到这一点,但无论出于何种原因,4个div中只有2个按照我想要的方式定位。您可以在此处查看结果http://www.somersetsights.co.za/preiseneu.html。 css样式元素可以是html文档中的内联样式,也可以是样式表http://www.somersetsights.co.za/css/style.css中的内联样式。

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

愿这对你有所帮助。将此CSS添加到外部div

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

这将使你的div水平