Html 仅将元素向左移动并留有负边距,但元素也会移动到顶部

Html 仅将元素向左移动并留有负边距,但元素也会移动到顶部,html,css,Html,Css,类为“负”的段落应仅向左移动。但是当我设置负的边距时,元素也会移到顶部。 为什么会这样?我如何修复它 无负边距的代码: .negative{} div{ 背景色:红色; } .否定{ 背景颜色:蓝色; } …您需要添加margin left属性。display:block不是必需的-这是p元素的默认css属性,但如果您将切换到span或其他内容,则需要确认该元素是一个块或类似于受左边距影响的内容 。负{左边距:-5px;} div{ 背景色:红色; } .否定{ 背景颜色:蓝色; } p{

类为“负”的段落应仅向左移动。但是当我设置负的边距时,元素也会移到顶部。 为什么会这样?我如何修复它

无负边距的代码:

.negative{}
div{
背景色:红色;
}
.否定{
背景颜色:蓝色;
}

您需要添加margin left属性。display:block不是必需的-这是p元素的默认css属性,但如果您将切换到span或其他内容,则需要确认该元素是一个块或类似于受左边距影响的内容

。负{左边距:-5px;}
div{
背景色:红色;
}
.否定{
背景颜色:蓝色;
}
p{
显示:块;
}


有人提到确保不要将上/下页边距设置为0。具体选择左边距的方法是“左边距:-30px;”

您可以尝试为元素留出空白,如以下示例所示:

HTML:

因为您在
margin:0-30px中将顶部(和底部)边距设置为零
删除
上的默认边距。你怎么修理它?不要把它设为零。
<p class="negative"></p>
.negative{margin-left:30px;}