html - margin-top 影响内部和外部元素,但 margin-left 不是影响。为什么?

标签 html css

<分区>

如果我将 margin-top: 50px; 添加到 #box 那么 #container 也会得到 margin-top,但是如果我将 #margin-left: 50px 添加到 #box 那么为什么 #container 没有得到 margin-离开了?

Fiddle

HTML:

<body>
  <div id="container">
    <div id="box">box</div>
  </div>
</body>

CSS:

#container {
    width: 500px;
    height: 500px;
    background-color: gray;
    margin-top: 30px;
    margin-left: 30px;
}
#box {
    width: 100px;
    height: 100px;
    background-color: orange;
    margin-top: 10px;
}

最佳答案

你可以通过向容器添加possition:fixed 来做你想做的事,比如here .

关于html - margin-top 影响内部和外部元素,但 margin-left 不是影响。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26321906/

相关文章:

css - 选择时阻止水平滚动

javascript - JS - 如何从按钮单击事件中找到特定元素标签以将其删除?

javascript - JQuery Double Scroll - 边距/对齐问题

javascript - 在 Svelte 中, `:` 中的 `on:click` 是如何工作的?

javascript - <li> 中的文本到输入字段中的标记

html - SVG 图标在调整大小时未正确呈现

css - 如何根据 Angular 2 中的某些条件更改 md 卡的背景颜色?

android - android 设备的 html 和 css 中的对齐问题

html 5 音频暂停和播放问题

javascript - 如果列表项有子列表,添加 css 样式