html - 用 margin 制作一个 div

标签 html css-float margin

说明

我正在准备一个网页,其中主要包含 html 和一些 javascript 语句。有很多 div,我设置了 100px 的左边距。我需要在屏幕的最左边设置一个 div ,但不幸的是它会震动页面上的整个其他对象。

我想到了将 div 放置在页边空白处。有没有办法将 div 放在 leftmargin 之外?

示例代码

<body leftmargin = "100">
<div id="Example1"> </div>
<div id="........"> </div>
</body>

这只是一个例子。如果 leftmargin 是 100 像素,如何在该空间中放置一个新的 div,即 width 100 像素?

它肯定可以超过 rightmargin 但它仅在距左侧 100 像素后开始。即使有 100 像素的边距,如何从 0 像素开始 div

最佳答案

也许你想要负边距:)

Have a fiddle!

HTML

<div>This is inside the normal margin</div>
<div id="outside">I defy margins!</div>

CSS

body {
    margin-left: 100px;
}
#outside {
    margin-left: -100px;
}

或者也许position:absolute;

Have a second fiddle!

HTML

<div>This is inside the normal margin</div>
<div id="outside">I defy margins!</div>

CSS

body {
    margin-left: 100px;
}
#outside {
    position: absolute;
    left: 0;
}

关于html - 用 margin 制作一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24155962/

相关文章:

html - 缺少最外边距和较小的视口(viewport)

javascript - 预加载的图像再次加载

html - 如何将样式表渲染到页面 View

javascript - 当输入类型电子邮件有效时如何触发功能?

html - 下一行元素对齐顶部的液体 float

html - CSS 边距不居中

javascript - 如何制作选项选择更改按钮链接?

php - 根据发布日期对动态 html 元素进行排序和 float

html - CSS float ul 列表和段落

WPF:堆栈面板中元素之间的间距