无序列表中的元素不会占用其父容器的100%宽度

是因为无序列表（<ul>）的默认样式中，会设置列表项（<li>）的display属性为list-item，这会导致列表项在水平方向上有一个默认的缩进，使其不会占满父容器的100%宽度。

要解决这个问题，可以通过修改样式来调整无序列表的显示效果。可以使用CSS来设置无序列表的样式，具体有以下几种方法：

1. 设置list-style-type为none，这会隐藏默认的列表项标记，可以将其应用到无序列表的<ul>标签上：

ul {
  list-style-type: none;
}

1. 设置padding为0，这会移除列表项的默认缩进，可以将其应用到无序列表的<ul>标签上：

ul {
  padding: 0;
}

1. 设置margin为0，这会移除无序列表的外边距，可以将其应用到无序列表的<ul>标签上：

ul {
  margin: 0;
}

上述方法可以根据具体需求选择其中一种或多种来调整无序列表的样式，使列表项能够占满父容器的100%宽度。

关于腾讯云的相关产品和产品介绍链接地址，对于这个问题来说并没有明确的相关产品和链接。因此，在此情况下无法提供与腾讯云相关的推荐产品和链接。