CSS中的100%顯示是一種讓元素完全填充其父容器的方法。當應用于一個元素時，該元素的寬度將與其直接父容器的寬度相等。

.example {
width: 100%;
}

在上述示例中，.example的寬度被設置為100%，這意味著該元素將完全填充其直接父容器的寬度。

這種方法非常有用，可以在不知道父容器寬度的情況下確保元素的正確布局。例如，您可以使用100%寬度創建一個跨越整個父容器的水平導航欄。

.nav {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

上述示例中的.nav類是一種常見的水平導航欄布局。使用100%寬度和display: flex屬性，您可以確保菜單項平均分配父容器的寬度。

請注意，如果父容器具有邊框或內填充，則應用100%寬度將使元素的邊框或內填充與父容器的邊框或內填充重疊。您可以使用box-sizing: border-box屬性來解決此問題。

.example {
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 1px solid #ccc;
}

上述示例中的.example類包括padding和border屬性。通過將box-sizing屬性設置為border-box，元素將包括其填充和邊框在內的總寬度計算在內，從而避免了任何重疊問題。

總之，使用CSS的100%寬度屬性可以幫助您更方便地創建自適應布局和水平導航欄等元素。您可以通過將其應用于元素來確保它完全填充其父容器的寬度。