.Listcontent{ height:300px; width:500px; bottom: 50px; } .content { background: rgb(196, 196, 196); width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; } .item { display: inline-block; background: #fff; margin: 10px; width: 100px; height: 100px; }为什么Listcontent显示在了网页下面，看不见的地方，改什么设置位置为网页下方7%位置

根据你提供的CSS代码，`.Listcontent` 的位置设置是 `bottom: 50px;`，这将使其相对于父元素的底部偏移50像素。如果你希望将其位置设置在网页下方的7%位置，你可以使用绝对定位，并结合百分比来实现：

.Listcontent {
  position: absolute;
  bottom: 7%;
  height: 300px;
  width: 500px;
}

通过将 `position` 设置为 `absolute`，并将 `bottom` 设置为 `7%`，你可以将 `.Listcontent` 定位在相对于父元素底部的7%位置。

请确保 `.Listcontent` 的父元素具有适当的定位方式（如 `position: relative;`），以确保定位相对于父元素生效。