在CSS中，我们可以使用“display: none;”来隐藏一个元素。这种方式会完全隐藏元素，包括其占用的空间。如果我们希望元素不被完全隐藏，而是只在宽度小于一定值时隐藏，应该怎么做呢？

@media (max-width: 768px) {
.hidden {
display: none;
}
}

上面的代码使用了CSS中的媒体查询，当屏幕宽度小于768像素时，元素的类名为“hidden”的样式会被设为“display: none;”，从而隐藏元素。这种方式可以确保元素在大屏幕上仍然可见。

另一种实现方法是使用CSS中的“overflow: hidden;”属性。当元素的宽度小于其内容的总宽度时，这个属性会隐藏溢出的内容。因此，我们可以将元素的宽度设置为一个较小的值，并将其内部内容的宽度设置为一个较大的值。此时，当屏幕宽度小于元素的宽度时，元素的内容就会被截断并隐藏。

.container {
width: 100px;
overflow: hidden;
}
.container .content {
width: 200px;
}

上面的代码中，我们将容器元素设置为一个较小的宽度，同时将其内部内容的宽度设置为一个较大的值。当屏幕宽度小于100像素时，容器内部的内容就会被隐藏。