【问题标题】:CSS: Why isnt "margin-left" working and "width"?CSS:为什么“左边距”不起作用和“宽度”?
【发布时间】:2013-05-01 03:36:03
【问题描述】:

我在另一个 div 中有一个 div。

jsFiddle:http://jsfiddle.net/eT7U9/263/

.primaryMenu .Wrap {
    border:thin solid black;
    margin-left: 100px;
    height: 100%;
}

我希望内部 div 向右侧移动一点,为此我提供了“margin-left: 100px;”但这没有用。有人可以告诉我为什么吗?正确的做法是什么?

另一个问题: 当我给内部 div 50% 的宽度(或任何宽度,实际上)时,它会获取父 div 的中心位置。为什么会这样?它不应该停留在左上角,宽度为 50% 吗?

【问题讨论】:

    标签: html css width margin


    【解决方案1】:

    标记用内联样式否定边距。

      <div class="Wrap" style="margin: 0 auto;">
    

    内联样式将优先于 CSS 类。从div 中删除内联样式。

      <div class="Wrap">
    

    这也应该解决您引用的 50% 问题,因为它为内联样式中的左右边距指定了 auto

    工作示例 http://jsfiddle.net/eT7U9/265/

    【讨论】:

    • 它还回答了您关于左上角的第二个问题,即自动边距居中元素。
    • 哦,我知道但没查。谢谢你的帮助。 :) 该死!我的错!
    • @NavneetSaini 很高兴我能帮上忙。
    • @KevinBowersox 我还有一个疑问。我不想使用它作为内部 div 的边框属性。现在,当我删除该属性时,我整个事情都在 Mozilla Firefox 中转移了。它在 jsFiddle 中运行良好。你能告诉我为什么会这样吗?
    • @NavneetSaini 您应该将其标记为已解决。正如凯文所指出的问题所在。
    猜你喜欢
    • 2017-07-02
    • 1970-01-01
    • 2015-07-03
    • 1970-01-01
    • 2014-01-02
    • 2012-09-27
    • 1970-01-01
    • 2021-12-23
    • 1970-01-01
    相关资源
    最近更新 更多