保证金未正确显示

时间:2013-09-20 11:40:47

标签: html css margin

我正在创建基于wordpress的个人网站,现在我正在重新制作模板。经过一整天的css,html和php ......以及寻找很多互联网的东西,我为很多人所知道的问题而烦恼。

在我网站的某个地方,有些元素给了我一些我不想要的保证金。您可以在下面的图片中看到它:

enter image description here

我知道这个网站的规则,给你代码,你会尽力帮助我,但现在,我不知道问题出在哪里。因此,如果有经验丰富且时间不多的人可以查看我的页面,我会非常感激。

我的网站si svrcek.webfix.sk

3 个答案:

答案 0 :(得分:6)

你的前滑块中有一个<p>,它有边距。

删除此节点,空间就行了。

因为它是空的你需要吗?如果是这样,你可以添加样式吗?

答案 1 :(得分:1)

您的.front-slider元素导致了这一差距。添加position:absolute进行修复。 (如果它不是滑块的标记,您还可以删除最初导致问题的冗余<p>。)

要拥有非常干净的代码,您应该从子元素中删除所有绝对定位,并相应地放置.front-slider包装器。此外,您的绿色导航按钮似乎不起作用。可能有一个选项可以定位和设置soliloquy-nextsoliloquy-prev按钮,这些按钮目前似乎是多余的。

答案 2 :(得分:1)

我不知道为什么你有这个余量,但这个CSS将解决这个问题:

.front-slider {
    float: left;
}