行为不端的利润

时间:2011-09-06 12:04:18

标签: css html

或者也许它的高度起作用了。无论如何,我有一个由包含div的div组成的列表,我正在使用边距将它们垂直放置在我想要的位置。一切正常,除了列表中的最后一项。底部一直延伸到容器的底部。我已经尝试了各种填充和边距修复,并且一些结果甚至超出了意图(目标基本上是使底部对称于顶部,最后一个项目与容器底部之间有间隙)。

包括所有相关CSS和HTML的示例是here

目标浏览器是Internet Explorer 8.

3 个答案:

答案 0 :(得分:2)

详细说明@Niko的回答

这意味着你将拥有相同的:

margin-top:6%;
margin-bottom:6%;

在每个.ListItem上。 “边距坍塌”确保当边距相互接触时,较小的边缘会“折叠”或被有效移除。这意味着你不会在方框上加倍。

此外,您可以在包含div的结束标记之前插入 。这将在最后一个列表项下面插入一个不间断的空格。

答案 1 :(得分:1)

margin: 6% 0;上使用.ListItem来解决该问题(在底部添加额外的边距)。

答案 2 :(得分:0)

http://jsfiddle.net/BcEKJ/1/

我向padding-bottom: 6%;添加了简单的#ListContainer