如何使我的盒子模型很好地显示?

时间:2015-01-20 14:04:19

标签: border margin css

我不明白为什么margin-top CSS属性没有显示在我的带有.inner的div中。此外,我不明白为什么我的第一个.inner div的边界溢出了他的父母 我考虑过保证金崩溃,我尝试了很多东西,但没有任何作用。

以下是codepen:http://codepen.io/guduf/pen/gbWXoG

感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

他们需要display:inline-block才能使保证金生效。

Updated Codepen

答案 1 :(得分:2)

span是一个内联元素,行为就是这样。 尝试设置为“display:inline-block;”

对于旧浏览器,您可以尝试:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/