jquery - 无法将背景设置为完整部分

Question

我使用 HTML5 + jquery 创建了一个部分。我将图像设置为该部分的背景，但图像未设置为完整部分。它在该部分内的所有 4 个侧面留下了一些 2px 空间。我的代码是；

<div id="container" data-role="page">
    <div style="..." data-role="header"><h>HOME</h></div>
    <section id="mainsection">
    </section>
</div>

CSS：

#mainsection
{
    height:40px;
    width:40%;
    margin-left:5%;
    margin-top:5%;
    float:left;
    background: url("images/pic99.png") no-repeat;
    background-size : cover;
    background-color:red;
}

我也在 % 中使用了 background-size 属性，这也不起作用。我正在使用 jquery-1.10.2.js、jquery.mobile-1.3.2.js、jquery.mobile-1.3.2.min.css。背景颜色属性设置为 100%，只有在背景属性中使用图像时我才会遇到这个问题。

Answer 1

演示

设置margin和padding是0px。请试试这个...

#mainsection{
    margin:0px;
    padding:0px;
}

Answer 2

#mainsection
{
    margin:0px !important;
    padding:0px !important;
}

Answer 3

尝试这个

*{
padding:0px;
margin :0px; 
}