css如何删除左边的空白区域

Question

这是一个小提琴 http://jsfiddle.net/jB9t7/

这是图像

请查看复选框是从middle开始，而不是从左侧

开始

如何删除左侧空格

Answer 1

它来自您#campaignDiv li label

的绝对定位

http://jsfiddle.net/Cheejyg/jB9t7/2/

#campaignDiv li label {
        left: 12px;
}

将其设置为5px似乎是正确的

#campaignDiv li label {
        left: 5px;
}

Answer 2

您只需删除自动添加到padding-left元素的默认ul即可。将该样式添加到ul的现有样式中，您将获得以下内容：

#campaignDiv ul {
    color: #fff;
    list-style: none;
    overflow: auto;
    padding-left:0;
}

Demo

Answer 3

试试这个：

在left位置，你放了12，只需用5代替：）

#campaignDiv li label {
display: block;
width: 36px;/*52*/
height: 18px;/*22*/
border-radius: 50px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
position: absolute;
top: 4px;/*9*/
z-index: 1;
left: 5px;
background: #ddd;
}

Demo