CSS:为什么“margin-left”不工作和“宽度”?

时间:2013-05-07 08:36:00

标签: html css width margin

我在另一个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%吗?

1 个答案:

答案 0 :(得分:2)

标记以内联样式取消边距。

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

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

中删除内联样式
  <div class="Wrap">

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

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