【问题标题】:How to make my box model is well displayed?如何让我的盒子模型得到很好的展示?
【发布时间】:2015-03-18 19:07:03
【问题描述】:

我不明白为什么 margin-top CSS 属性没有显示在我的类 .inner 的 div 中。此外,我不明白为什么我的第一个 .inner div 的边框会溢出他的父母。
我考虑过margin collapsing,我尝试了很多东西,但没有任何效果。

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

感谢您的帮助。

【问题讨论】:

  • 总是在问题本身中发布相关代码......

标签: border margin css


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    Updated Codepen

    【讨论】:

    • @GabrielSNM 感谢您的 awsers。有用。您知道不使用 inline-block 属性的方法吗,因为并非所有浏览器都支持?
    • 现在是very well supported。你的目标是 IE6 还是 7?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-27
    • 2014-04-07
    • 2019-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多