Question

如果您查看此页面：http://www.groenesmoothiehandboek.nl/sp/您会看到该视频略微偏离中心。

您还会看到上面有一个计数器（flipclock.js）。要调用计数器，我们使用以下代码：

<div style="width:100%; background:url(img/bg-countdown.png) center top no-repeat; height:140px; margin:0 auto; z-index:9999;">

如果我删除此部分，视频中心就完美无缺。

我已经尝试修复这个小虫一个多小时没有成功。

有谁知道我怎么能解决这个问题？

提前致谢！

Answer 1

如果你包装这个div：

<!-- notice no height attribute here -->
<div style="width:100%; background:url(img/bg-countdown.png) center top no-repeat; margin:0 auto; z-index:9999;">
  <!-- stuff from inside this div -->
</div>

在这个div里面：

<div style="height: 140px;">
  <!-- Place the entire div from above here -->
</div>

您的问题已修复。

图片：http://i.imgur.com/HBiLUOz.png

Answer 2

我想我已经为你修好了这个：

将float: left添加到计数器的包装器中。（具有这些属性的那个

{ 
width: 100%;
background: url(img/bg-countdown.png) center top no-repeat;
height: 140px;
margin: 0 auto;
z-index: 9999;

}

将这些添加到其下方的div

width: 100%; 
float:left;

（具有这些属性的div）：

background:url(img/bg-vid.jpg) center top no-repeat; 
height:878px;
max-width:1920px;
margin:0 auto;

应该修复。我强烈建议你使用类和id来添加CSS :)。它的可读性更强。祝冰沙好运;）

视频没有居中，JS导致它？

2 个答案: