如何从两侧去除空白?

时间:2015-10-17 20:24:23

标签: html css

我想从两侧删除图像上为黑色的白色空间

enter image description here

从标题中删除此空格我添加margin-left:-10px

.site-header-main {
    float: left;
    width: 100%;
    margin-left: -10px;
    padding: 44px 0 22px;
    padding: 4.4rem 0 2.2rem;
    background-color: #fff;
}

添加后,我成功地从左侧移除了空白区域,但右侧图像上出现了灰色空间

enter image description here

1 个答案:

答案 0 :(得分:0)

请删除您在css中添加的margin: -10;并将其添加到其中。

.site-header-main .container {
    padding: 0px;
}

容器类左右两边的余量为3.3em。所以这将解决这个故障。

如果您想从整个网站中删除此内容,请尝试以下

body .container {
    padding: 0px;
}