如何让我的盒子模型得到很好的展示？

Question

我不明白为什么我的 div 和 class .inner 没有显示页边距顶部 CSS 属性。此外，我不明白为什么我的第一个 .inner div 的边框会溢出他的父对象。
我考虑过利润率崩溃，我尝试了很多东西但没有任何效果。

这是代码笔：http://codepen.io/guduf/pen/gbWXoG

感谢您的帮助。

Answer 1

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

Updated Codepen

Answer 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/)