Html CSS-由于ul基本填充而将对象压向一侧

我的问题是，我的ul-get似乎是一个余量。我不明白为什么它不一直向左走。这也导致我的网站扩大

/*挑战列表*/
.货柜清单{
宽度：100%；
浮动：左；
背景色：红色；
}
保险商实验室{
宽度：100%；
浮动：左；
列表样式类型：无；
}
ulli{
宽度：100%；
高度：150像素；
浮动：左；
背景：#FFF；
边界半径：5px；
盒影：0px 1px 2px rgba（44,62,80,0.10）；
裕度：0 10px 0；
}

所有挑战

这是一个项目
这是一个项目
这是一个项目

这是因为默认情况下，
ul
带有40px的填充。您可以通过在
ul
元素上显式设置
padding:0
来删除此项


/*挑战列表*/
.货柜清单{
宽度：100%；
浮动：左；
背景色：红色；
}
保险商实验室{
宽度：100%；
浮动：左；
列表样式类型：无；
填充：0；
}
ulli{
宽度：100%；
高度：150像素；
浮动：左；
背景：#FFF；
边界半径：5px；
盒影：0px 1px 2px rgba（44,62,80,0.10）；
裕度：0 10px 0；
}

所有挑战

这是一个项目
这是一个项目
这是一个项目

这是因为默认情况下，
ul
带有40px的填充。您可以通过在
ul
元素上显式设置
padding:0
来删除此项


/*挑战列表*/
.货柜清单{
宽度：100%；
浮动：左；
背景色：红色；
}
保险商实验室{
宽度：100%；
浮动：左；
列表样式类型：无；
填充：0；
}
ulli{
宽度：100%；
高度：150像素；
浮动：左；
背景：#FFF；
边界半径：5px；
盒影：0px 1px 2px rgba（44,62,80,0.10）；
裕度：0 10px 0；
}

所有挑战

这是一个项目
这是一个项目
这是一个项目

对于所有HTML标记，都有应用于它们的默认CSS属性。如果不为元素指定CSS属性，则该属性的默认值将生效。对于ul元素，有一个默认的左填充：40px，如附图所示。这就是你的ul元素没有粘在左边的原因。
对于所有HTML标记，都有应用于它们的默认CSS属性。如果不为元素指定CSS属性，则该属性的默认值将生效。对于ul元素，有一个默认的左填充：40px，如附图所示。这就是你的ul元素没有粘在左边的原因。
你已经知道这是因为默认的浏览器设置

这可以通过称为重置css的方法来避免，这将删除所有浏览器的所有默认浏览器设置。只需添加

<link href="css/reset.css" rel="stylesheet" />



高于默认样式

看一看一些，只需复制并粘贴即可。
您已经知道这是因为默认的浏览器设置

这可以通过称为重置css的方法来避免，这将删除所有浏览器的所有默认浏览器设置。只需添加

<link href="css/reset.css" rel="stylesheet" />



高于默认样式

看几张，然后复制粘贴