简单的css元素定位

我的页面可以找到here。简单的css元素定位

产品图片下方有一个黑色视频框。我希望它左移，所以小的产品图片与视频框内嵌。无法做到这一点。我浏览了CSS，看看是否有一些奇怪的定位，但我什么也找不到。

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

来源

2011-11-16 user1031742

这是一个很多挖通...的相关位被嵌套12深。你能发布一个jsFiddle演示吗？此外，我没有看到'浮动'应用于视频按钮或任何嵌套'div'，所以我不知道你期望它如何浮动左。 – Sparky

必须设置两个项容器（div的）为“显示：内联块”，并设置一个宽度为视频格“宽度：70像素”的例子。看看截图的详细信息：image here

边距和补将帮助您正确中心垂直视频框的行中，但你的主要问题是解决了的CSS规则

希望它能帮助！！ :-)

check it here

来源

2011-11-16 22:37:40

对我来说，最有效的方式就是浮动离开vido-colorbox，并按照您的建议设置第二个div inline-block。你能说出为什么它不能只使用float：left到第一个div吗？我在我的耳朵上做了几次，它工作。是因为第二个div包含表格或其他东西？谢谢 – user1031742

display：block让你的div表现得像
，我的意思是，下一个内容会呈现在它下面。这就是为什么你应该使用display：inline-block。（内联删除伪造的
，并阻止行为像一个div，而不是一个跨度）。设置视频盒子的宽度也有帮助，因为如果你不这样做，那么它会扩大到100％，所以第二排没有剩余空间。保重！ –

太好了，谢谢你的解释 – user1031742

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

.view-content { 
    float: left; 
}

来源

2011-11-16 22:32:46 Brandon

简单的css元素定位

回答

相关问题