简单的css元素定位

Question

我的页面可以找到here。

在产品图片下面有一个黑色视频框。我希望它向左浮动，所以小产品图片与视频框内联。不能那样做。我通过CSS看看是否有一些奇怪的定位，但我找不到任何东西。

如果我将视频框移到Facebook按钮上并使其浮动，一切都按预期工作 - Facebook按钮向上移动。

Answer 1

将float: left;添加到view-content类。

.view-content {
  float: left;
}

Answer 2

您必须将两个项容器（div）都设置为“display：inline-block”，并为视频div“width：70px”设置宽度。请查看屏幕截图以获取更多信息：image here

边距和填充可以帮助您正确地将行中的视频框垂直居中，但您的主要问题是通过这些CSS规则解决的

希望它有所帮助!! ： - ）