Html 100%宽度的Div/列表+；填充+；底部对齐

没有问题。。 我似乎无法完全理解这三个方面

    list-style-type: none;
    background-color: red;
    padding-left: 40px;
    padding-right: 40px;
    bottom: 40px;
    position: fixed;
    width: auto;

目前，该列表不会拉伸100%+填充。 如果我将宽度更改为100%，则右侧的填充将消失。 如果我将位置更改为“相对”，那么它看起来就是我想要的，但显然不会与页面底部对齐。 帮助？

您可以使用设置为

边框框的：

此图元上指定的宽度和高度（以及相应的最小/最大属性）决定了图元的边框框。也就是说，元素上指定的任何填充或边框都在指定的宽度和高度内布局和绘制。内容宽度和高度是通过从指定的“宽度”和“高度”属性中减去相应边的边框和填充宽度来计算的

elem{
-moz框大小：边框框；
框大小：边框框；
}

.
右边距并没有真正消失，但元素的宽度计算为您指定的宽度+填充边框。所以，当您将宽度设置为100%，将填充设置为80px时，元素将比主体宽80px

您可以通过添加
框大小：边框框
来更改此行为。让他们走到一起：
ul{
列表样式类型：无；
背景色：红色；
左侧填充：40px；
右边填充：40px；
底部：40px；
位置：固定；
/*在下面添加两行*/
宽度：100%；
框大小：边框框；
}
李{
显示：内联块；
}

Testa
Testb
Testc
Testd
测试仪
Testf
测试G
Testh
睾丸
Testj
Testk
Testl
Testm
Testn
德斯托
Testp
Testq
Testr
测验
框大小：边框框
+
宽度：100%
就可以了。一段HTML会有所帮助。