即使使用reset.css,也无法删除div之间的额外边距/填充

Question

在过去的1.5小时里,我一直在尝试我所知道的一切,并且无法想出这一点.实际上,据我所知,边距和填充为 0,但是,包含div是到目前为止,莫名其妙地比包含图像宽4px和1px.我不知道它来自哪里.

很少有可能导致这种情况的因素:

1. 我通过javascript将图像的最大宽度和最大高度设置为窗口的大小.
2. 我正在使用table,table-cell和inline-blocks的组合来按照我需要的方式设置排版.
3. 还使用100%宽度和高度的body和html
4. 这是一个Tumblr主题定制(虽然从头开始)

代码方面,很难将整个批次放在这里,所以现在,我只是给出链接.

希望如果能够理解这一点,我将能够在这个问题中发布问题代码,以便将来参考.

链接:http://syndex.me

谢谢

Answer 1

你的意思是这个人？

.post.photo {
  display: inline-block;
  position: relative;
  height: 100%;
}

你可能不会看保证金,你正在看文字空白.由于div被定位为内联块,因此它就像一个内联元素,比如一个单词或一个<strong>标签.如果你删除开始/结束<div>标记之间的空格,你的"边距"将神奇地消失.

如果您使用内联块进行定位,line-height: 0并且font-size: 0是您最好的朋友; 他们关闭任何有效的空白,虽然他们是非常丑陋的黑客.在大多数情况下,浮子是更好的解决方案.

请参阅时尚点上的 #column_content和#column,以查看正在使用的内联块列.