或者也许它的高度起作用了。无论如何,我有一个由包含div的div组成的列表,我正在使用边距将它们垂直放置在我想要的位置。一切正常,除了列表中的最后一项。底部一直延伸到容器的底部。我已经尝试了各种填充和边距修复,并且一些结果甚至超出了意图(目标基本上是使底部对称于顶部,最后一个项目与容器底部之间有间隙)。
包括所有相关CSS和HTML的示例是here。
目标浏览器是Internet Explorer 8.
答案 0 :(得分:2)
详细说明@Niko的回答
这意味着你将拥有相同的:
margin-top:6%;
margin-bottom:6%;
在每个.ListItem上。 “边距坍塌”确保当边距相互接触时,较小的边缘会“折叠”或被有效移除。这意味着你不会在方框上加倍。
此外,您可以在包含div的结束标记之前插入
。这将在最后一个列表项下面插入一个不间断的空格。
答案 1 :(得分:1)
在margin: 6% 0;
上使用.ListItem
来解决该问题(在底部添加额外的边距)。
答案 2 :(得分:0)
我向padding-bottom: 6%;
添加了简单的#ListContainer
。