Question

使左（大）边距尽可能小的方法是什么？我知道CSS重置，但仍然无法弄清楚实际的工作方式。

<body>
<div id="quote">Foo</div>
<p>Foo</p>
</body> 

<style>
body { padding-left: 10%; background-color: rgb(255,205,205); }
#quote { margin-left: -10%; padding-left: 10%; background-color: rgb(205,255,205); }

/* I can use `calc` as a value, but I understand that it is not 
   the clever way */
/* #quote { margin-left: calc(-10% - 16px); } */

</style>

问题：

我想实施的行为：

Answer 1

这里：

body { background-color: rgb(255,205,205); }
p { padding-left: 10%; }
#quote { background-color: rgb(205,255,205); }

Answer 2

向您的div提供width并将margin设置为自动

jsfiddle

body {  margin 0;background-color: rgb(255,205,205);}
#quote {  margin:auto; width:95%; background-color: rgb(205,255,205); }

Answer 3

将此添加到您的风格中：

p {margin-left:16px;}

Answer 4

这是你想要的吗？

＆＃13;

body {background-color: rgb(255,205,205); }
#quote {margin: 0 1%; padding: 0 10%; background-color: rgb(205,255,205); }
p {margin: 0 1%; padding: 0 13%;}

＆＃13;

<div id="quote">Foo</div>
<p>Foo</p>

＆＃13;

Answer 5

body {
background-color: rgb(255,205,205);
}
#quote {
margin: 0 auto;
width:90%
background-color: rgb(205,255,205);
padding-left:10%;
}
p{
margin-left:14%;
}

For Fiddle

Answer 6

首先删除默认的边距和填充浏览器。

像：

my_str = my_str.append('0',2-log10(my_str.toInt()))

然后，

更改css如下。不需要负余量。

my_str = my_str.append('0',3-my_str.length())

<强> Working Fiddle

使左右边距的宽度相同

6 个答案: