2011-03-18 104 views
0

任何人都可以请告诉我图片的边距/填充来自哪里? 它的底部有额外4PX和我似乎无法找到它的出处...... 在我放什么DIV不要紧,它总是有...底部的魔术边缘

http://vaneverbroeck.be/didier/#!/

+0

您有8个级别的DIV从BODY到IMG元素。这真的有必要吗?布局看起来并不复杂(我可以用4级DIV来做这个布局)。 – 2011-03-18 01:57:02

+0

使用Chrome检查元素或Firefox Firebug扩展,您将很容易得到与HTML和CSS的元素。在风格上,改变你想要的任何东西,比如@Haza说'绝对',以便立即看到结果而无需重新加载页面。 – CallMeLaNN 2011-03-18 02:23:41

回答

1

如果您尝试将float:left添加到图像中,则底部边距应该消失。

+0

谢谢!你能解释一下吗? – 2011-03-21 19:27:21

+0

不:)我可以解释很多CSS的奇怪,但这只是那些奇怪的事情之一,没有任何意义(至少对我来说没有意义)... – james6848 2011-03-22 14:51:16

+1

显然这是因为图像被有效地视为内嵌文本,并且这意味着在下方有一个空间(例如'y'和'g')。 – james6848 2011-03-22 15:00:05

1

它们全部在您的css中使用absolute属性进行定位。这就是为什么图像之间没有边距或填充的原因。

这是,在我看来,在页面上的JavaScript处理。你应该看看处理你的马赛克的脚本/插件,并检查是否有一个选项来改变它。

0

#content578px内嵌式高度:

<div id="content" style="position: relative; height: 578px; " class="masoned"> 

如果调整高度,你就可以实现你想要的。