【问题标题】:CSS Margins not working with block-elementsCSS边距不适用于块元素
【发布时间】:2014-04-17 01:32:58
【问题描述】:

我的块级元素似乎没有遵守边距。 如果不将块级元素转换为内联块,我就无法解决这个问题——我不想这样做——我为什么要这样做?他们应该是块:P

代码@Plunker: http://embed.plnkr.co/oRMieH

任何帮助将不胜感激。

【问题讨论】:

  • a) 始终在您的问题中发布您的代码,以及 2) 您指的是哪些特定边距?
  • 提供一个小提琴,以便有人可以帮助您
  • 代码中有一个 plnkr 的链接。我指的是margin-top/bottom
  • 哪个margin-top margin-bottom?阅读您的问题 - 然后再写一遍。
  • 看起来您正在寻找一些免费的在线调试器?您的博客站点可能包含杂项内容,引用了许多资源,html 代码可能太长而无法扫描(需要很多时间),......甚至可能设计得不好。我想很多人甚至不想开始帮你调试...

标签: css html margin


【解决方案1】:

答案是垂直边距正在折叠。您可以阅读它,或者您可以将双 margin-bottom 放在顶部元素上而忘记 margin-top。我只使用margin-bottom,因为在首先构建小屏幕时,对margin-top的需求对我来说非常少。

http://css-tricks.com/almanac/properties/m/margin/

【讨论】:

  • 不敢相信我忘记了折叠边距!感谢您的提醒。我也同意您关于将 margin-bottom 用于小屏幕优先方法的说法。完全有意义。
【解决方案2】:

它与位置有关:绝对;它创建自己的图层,不能使用边距。你可以试试 position: relative;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-17
    • 2022-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-20
    • 2016-07-19
    • 2015-02-03
    相关资源
    最近更新 更多