html - CSS:为什么 "margin-left"和 "width"不工作？

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/