Question

我需要删除div的默认右边距：

这是我的简单html：

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
    <div id="mydiv"></div>
</body>
</html>

这是我的css：

#mydiv
    {
    width:100%;
    height:200px;
    margin-top:-8px;
    margin-left: -8px;
    margin-right: -8px;
    background-color: green;    
    }

但保证金权利不起作用。

有什么方法可以删除保证金吗？

Answer 1

你可以尝试这个：

#mydiv
    {
    width:100%;
    height:200px;

    background-color: green;    
    }
body { margin: 0; padding: 0; }

DEMO FIDDLE

删除margin-top:-8px;margin-left: -8px;margin-right: -8px;并添加body { margin: 0; padding: 0; }

Answer 2

默认情况下，body元素的边距为非零。

body { margin: 0; }

Answer 3

请在JSFiddle

找到更新的代码

另请注意，在将任何CSS应用于页面之前，尝试应用重置css，重置元素默认样式，例如 -

`

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

`

Answer 4

body { margin: 0; padding: 0; }

应该做的伎俩。

Answer 5

div {
    right: 0;
    position: absolute;
}

这应该可以解决问题......

将鼠标悬停在代码段中的<div>上即可查看。

div {
  height: 100px;
  width: 100px;
  border: 1px solid red;
  background-color: gray;
  float: right;
}
div:hover {
  right: 0;
  position: absolute;
}

<div></div>

删除div的默认右边距

5 个答案: