html - CSS：为什么“左边距”不起作用和“宽度”？

Question

我在另一个 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% 的左上角吗？

Answer 1

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

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

内联样式将优先于 CSS 类。从div.

  <div class="Wrap">

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

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