Question

说明

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

我想出了将div放在边距留下的空间的想法。有没有办法将div放出leftmargin？

示例代码

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

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

它肯定会超过rightmargin，但它仅在距左侧100像素后才开始。即使有100px的保证金，如何从0像素开始div？

Answer 1

检查这个小提琴Link

<body class="leftmargin">
<div id="Example1"> </div>
<div id="Example2"> </div>
</body>

和css

#Example1{
  height:100px;
    width:100px;
 background-color:#222;   
}
#Example2{
  height:100px;
    width:100px;
 background-color:#333;   
    margin-left:-100px
}
.leftmargin{
    margin-left:100px;
    width:100px;
}

设置margin-left：-100px

Answer 2

你想要一个负余量，也许：）

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;
}

Answer 3

保证金通常不是您放置其他物品的地方。如果你给你的身体 - 元素一个100px左边的边距，那么你身体内的所有元素将与屏幕左侧的距离为100px。以下是如何在左边放置元素以及其他距离为100px的示例：

<body>
  <div> This div is on the left </div>
  <div style="margin-left:100px"> This div has a 100px margin </div>
</body

Answer 4

只需使用内联CSS。

<body>
<div id="Example1" style="margin-left:100px">this is the first container</div>
<div id="........">this is the 2nd container</div>
</body>

view fiddle

Answer 5

这可能是您正在寻找的：

HTML：

<body>
<div id="main">Main content</div>
<div id="left">Left content</div>
</body>

CSS：

body {
    position: relative;
    margin-left: 100px;
}
#left {
    position: absolute;
    right: 100%;
    top: 0;
    width: 100px;
}

但是，我建议你不要过多地调整body。您应该使用div代码。

利润率做出div

说明

示例代码

5 个答案:

HTML：

CSS：