CSS隱藏超過長度的部分的基本原理是利用CSS的“ float”和“ clear”屬性。當某個元素被設置為“float: left”或“float: right”時，它會在頁面中沿著水平方向移動，直到它的寬度小于等于其容器的寬度為止。如果容器的寬度超過了元素的寬度，元素就會被隱藏。當元素被設置為“clear: left”或“clear: right”時，它會在頁面中向上或向下移動一個像素的高度，從而完全隱藏元素。

CSS隱藏超過長度的部分的使用非常簡單。只需要在需要隱藏元素的地方添加一個“float: left”或“float: right”屬性，然后清除父元素的“clear”屬性即可。例如：

<div class="parent">

<div class="child">這是一段超過寬度的部分</div>

</div>

在上面的代碼中，我們使用了“.parent”作為父元素，使用了“.child”作為子元素。在父元素中，我們添加了一個“float: left”屬性，使得子元素在頁面中向左移動。然后，我們清除父元素的“clear”屬性，使得子元素完全隱藏。

除了“float”屬性外，CSS隱藏超過長度的部分還可以使用“clear”屬性和其他CSS屬性。例如，可以使用“clear: both”屬性來同時隱藏兩個超過寬度的部分，或者使用“margin: 0 auto”屬性來使元素居中，然后再使用“float: left”或“float: right”屬性來隱藏元素。

CSS隱藏超過長度的部分是一種非常實用的網頁布局技術，可以使網頁更加簡潔美觀。使用簡單的CSS屬性，可以輕松地隱藏超過頁面寬度的元素，使網頁更加清爽。